title: Unordered list in bootstrap tooltip
body: <p>I would like to create a tooltip containing an unodered list using bootstrap v2.3.2. I am currently using the following html as the content of the tooltip:</p>
  
  <pre><code>&lt;p align='left'&gt;&lt;b&gt;This alert would have fired:&lt;/b&gt;&lt;/p&gt;
  &lt;ul align='left'&gt;
    &lt;li align='left'&gt;1 time in the past week&lt;/li&gt;
    &lt;li align='left'&gt;8 times in the past two weeks&lt;/li&gt;
    &lt;li align='left'&gt;20 times in the past month&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The current output looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/J71ta.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J71ta.png" alt="Tooltip Output"></a></p>
  
  <p>I would like the 3 list items to be bulleted and have the natural indent of an unordered list but for some reason the tooltip does not behave like this. I am relatively new to html and css so please assume very little css and bootstrap knowledge in any explanations. I will create css classes for this once I have it working correctly so please be easy on my bad practices (if I have any) but do point them out.</p>