Bootstrap 3 col箱重叠内容？

Question

出于一些奇怪的原因，尽管我宣称它应该使用col-md-3 4次，但我的内容却重叠太多了？

这是我的代码：

<div class="container">

    <div class="row">

        <div class="col-md-3">

            <p>gjhdgjkhgkjhdgjkhgjkhsdglkjhsgkjhlkjhkjdfghjdkghfdkjghjkghsjkh</p>

        </div>

        <div class="col-md-3">

            <p>gjhdgjkhgkjhdgjkhgjkhsdglkjhsgkjhlkjhkjdfghjdkghfdkjghjkghsjkh</p>

        </div>

        <div class="col-md-3">

            <p>gjhdgjkhgkjhdgjkhgjkhsdglkjhsgkjhlkjhkjdfghjdkghfdkjghjkghsjkh</p>

        </div>

        <div class="col-md-3">

            <p>gjhdgjkhgkjhdgjkhgjkhsdglkjhsgkjhlkjhkjdfghjdkghfdkjghjkghsjkh</p>

        </div>                


    </div>  

</div> 

这是一张照片：

Answer 1

这是因为你的“言语”中没有空格。 如果你想在内容区域空间不足时打破一个单词，你可以使用css：

word-break = "break-all";

我不会推荐它。

您也可以使用：

overflow: hidden;

无论如何，如果你只使用普通文本，我认为你可能没有问题。

Demo

Answer 2

你可以使用css：

word-wrap: break-word;