title: Multiline text in a table cell using bootstrap
body: <p>I want to show a long paragraph of string into a table cell using bootstrap. It contains some newline characters <code>\r\n</code>. I tried to use <code>style="white-space:pre"</code> as <a href="https://stackoverflow.com/questions/10937218/how-to-show-multiline-text-in-a-table-cell">this stackoverflow post</a> suggests but that breaks bootstrap text wrap. I also tried to change <code>\r\n</code>to <code>&lt;br&gt;</code> but it does not work. <code>&lt;br&gt;</code> shows up as a text. </p>
  
  <p>This is how my table looks like..</p>
  
  <pre><code>&lt;table id="table1" class="table table-bordered"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;th class="col-md-2" scope="row"&gt;Description&lt;/th&gt;
              &lt;td id="description"&gt;Very long test with \r\n so I want to show this in multiline and also want to wrap the text using bootstrap.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>