Css Boostrap 3列框重叠内容？

出于某种奇怪的原因，尽管我声明应该使用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> 

这是一张照片：

---

那是因为你的话里没有空位。 如果要在内容区域空间不足时打断单词，可以使用css：

word-break = "break-all";

不过我不推荐

您还可以使用：

overflow: hidden;

不管怎样，我想如果你只使用常规文本，你可能不会有问题

---

那是因为你的话里没有空位。 如果要在内容区域空间不足时打断单词，可以使用css：

word-break = "break-all";

不过我不推荐

您还可以使用：

overflow: hidden;

不管怎样，我想如果你只使用常规文本，你可能不会有问题

---

您可以使用css：

word-wrap: break-word;

---

您可以使用css：

word-wrap: break-word;

---

我理解这个问题，我理解这就是问题所在，但我认为Bootstrap会自动处理这个问题吗？普通文本的行为是一样的。你的意思是，即使使用普通单词，你也会遇到这个问题吗？我明白你的意思-我在字符串中加了一个空格，它将行分解为列-这很有趣。我理解这个问题，我理解这是个问题，但我认为Bootstrap会自动处理这个问题？普通文本的行为是一样的。你的意思是，即使是普通单词，你也会有这个问题吗？我明白你的意思-我在字符串中加了一个空格，它将行分解为列-这很有趣。