title: Break text to multiple lines in bootstrap popover content
body: <p>I am trying to add text content of <code>bootstrap popover</code> with multiple lines. I am creating string with possible line break as below, I have tried <code>\n, \r\n, &lt;br&gt;, &lt;br/&gt; and &lt;br /&gt;</code> but all vain.</p>
  
  <pre><code>     var files = 'No files selected';
          if (path.length &gt; 1) {
              files = '';
              for (var i = 0; i &lt; path.length - 1; i++) {
                  files += path[i] + '&lt;br /&gt;';
              }
          }
       $(this).attr('data-content', files);
       $(this).popover('toggle');
  </code></pre>
  
  <p>from above code what input do I get in popover is shown below</p>
  
  <p><img src="https://i.stack.imgur.com/yVw33.png" alt="enter image description here"></p>
  
  <p>I have read in some posts to add / update <code>popover</code> contents through content tag but didn't work. Plus there was a post to set <code>HTML</code> content for the <code>popover</code> which I didn't get. I don't know what to do to create new lines by using above method or similar one.</p>