twitter-bootstrap - 为什么我的文本会在 bootstrap 的 div 之外？

Question

我正在摆弄 Bootstrap，一切都很顺利。但是当我制作一个 div 来放入文本时，文本会粘在 div 之外，使页面与字符串一样宽。 bootstrap 不负责处理这个问题吗？

这是相关的 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

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