htmlpower htmlpower - 2 years ago 96
HTML Question

Adjust <p> width on bootstrap

Hello friends I have a problem with bootstrap and the

tag. When I add some big text in the
tag, it doesn't adjust to the 6 column that I define, it stays continuous to the right of the page taking up all space.

How could I make the text within the
tag always take the first 6 colums?

<link rel="stylesheet" href="">

<div class='container'>
<div class='row'>
<div class='col-sm-6'>
<h2 class='text'>text</h2>
<h4 class='text-warning'>Title</h4>
<p>text content</p>

Answer Source

Just add this as a custom style and it'll wrap at your defined column size.

    word-wrap: break-word;

Check it out here.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download