html - 在 bootstrap 上调整 <p> 宽度

Question

你好 friend ，我有 Bootstrap 和 <p> 的问题标签。当我在 <p> 中添加一些大文本时标记，它不会调整到我定义的 6 列，它保持连续到页面右侧，占据所有空间。

如何在 <p> 中制作文本？标签总是取前 6 列？

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

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

Answer 1

只需将其添加为自定义样式，它就会以您定义的列大小换行。

p{
    word-wrap: break-word;
}

检查一下 here .