Multiline text in a table cell using bootstrap
<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>