为什么我的文本不带引导程序而进入div？

Question

我在摆弄Bootstrap，一切进展顺利。但是，当我创建一个div来放置文本时，该文本会停留在div之外，从而使页面与字符串一样宽。引导程序不是负责此事吗？

以下是相关的HTML代码：

<div class="row top-buffer">
  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col cell">
    <div class="col-xs-12 col-md-12 col-sm-12 col-lg12 inner">
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </div>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col cell">
    <div class="col-xs-12 col-md-12 col-sm-12 col-lg12 inner">
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </div>
  </div>
</div>

Answer 1

浏览器不会自动断字。在您的文本中添加一些空格，它应该可以正常工作。

Answer 2

使用 style="word-wrap:break-word";