title: Bootstrap Popover in Sidebar
body: <p>I would like to use Bootstrap's popover feature in such a way that the window opens up in a sidebar instead of adjacent to the trigger button/text, but I can't figure out how that might work.  I tried giving the sidebar an id, and including the attribute data-viewport="#sidebar" but that doesn't seem to work.<br>
  I'm a teacher trying to do something for my class, not a programmer or anything, so any help would be greatly appreciated.<br>
  Here's a mockup of what I'm looking for: <a href="http://i.imgur.com/IYPFlOC.jpg" rel="nofollow">http://i.imgur.com/IYPFlOC.jpg</a></p>
  
  <p>Here's what I have:</p>
  
  <pre><code>  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-sm-4"&gt;
              &lt;div id="sidebar"&gt;
                  Sidebar where the popup window should appear.
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="col-sm-8"&gt;
  
              &lt;p&gt;This is the main content where the &lt;span class="pop"
              data-content="Popover Content" data-html="true" data-toggle=
              "popover" data-trigger="hover" tabindex="0" title=
              "Title"&gt;trigger text&lt;/span&gt; would be.&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>