如何使文本自动转到引导列中的下一行

Question

我在容器内有这一行和一列

<div class="container">
    <div class="row">
        <div class="col-md-4" >
            <h1>About</h1>
<p>asdasdsadasdasdassdasdasdadassssssssssssssssssssssssssssssssssssssssssss</p>
        </div>
    </div>
</div>

当它到达列的末尾时，我怎样才能让它转到下一行？

原文由 Otachan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 word-wrap: break-word

 @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

.break-text p {
  word-wrap: break-word;
}

 <div class="container break-text">
  <div class="row">
    <div class="col-xs-4">
      <h1>About</h1>
      <p>asdasdsadasdasdassdasdasdadassssssssssssssssssssssssssssssssssssssssssss</p>
    </div>
  </div>
</div>

原文由 Mohammad Usman 发布，翻译遵循 CC BY-SA 3.0 许可协议