title: using underscore template in bootstrap popover
body: <p>I'm trying to put two column data in a bootstrap popover.  I'd want it to look like something like this: </p>
  
  <pre><code>Name: crystal
  Created On: 1/1/2000
  Modified On: 1/31/2000
  Owner: Bob
  </code></pre>
  
  <p>I want to have space between ":" so it's a two-column layout.  This popover is shown in a kendo grid on hover over.  I show a basic popover for that grid with:</p>
  
  <pre><code>$('a.hasPopover').popover({
                  placement: 'bottom',
                  content: '??????????????????',
                  template: '&lt;div class="popover"&gt;&lt;div class="arrow"&gt;&lt;/div&gt;&lt;div class="popover-inner"&gt;&lt;h3 class="popover-no-title"&gt;&lt;/h3&gt;&lt;div class="popover-content"&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;'
              });
  </code></pre>
  
  <p>In my template for this row, I originally had this just to see if my popover and data were connected:</p>
  
  <p>Details</p>
  
  <p>This does work.  However, I'm not sure how (even if it's possible), to create a data-content template that would have divs for each of my columns and shove the data in.  So I was wondering how I can use templates in either the content field where I have all those ????, or how to format my data-content properly to have two columns.  Thanks in advance!</p>