Css 如何修复Bootstrap3嵌套网格中的重叠文本？

在RubyonRails4应用程序（如下所示）中使用Bootstrap3嵌套网格

我最终得到了重叠的文本…例如，如果我有一个很长的姓氏，它会与标题列中的文本重叠。效果类似于所附图像中黄色框中显示的效果。我该如何解决这个问题

---

您需要将父divs的宽度从col-md-3增加到col-md-4，顺便说一句，总有一些名称会大于元素的宽度，因此如果在固定宽度后使用省略号截断名称会更好谢谢Mandeep，无法包装文本？使用父div.col-md-3的原因是我希望在整个页面中使用其中的4个（我的理解是您需要12的总和）。我的意思是您需要在字段的父div上使用col-md-4（代码中的第二行）。我们有

wordwrap:break-word您可以尝试一下，但我仍然建议使用省略号“我的意思是您需要在字段的父div（代码中的第二行）上使用col-md-4”-我理解这一部分-但为什么需要使用.md-4呢？例如，我可以将其设置为.md-2吗？@Mandeep这件事在引导程序中是不可能发生的，除非它被弄乱了。
%div.row
    %div.col-md-3
        %div.row
            %div.col-md-3
                %h4 Number
            %div.col-md-3
                %h4 Name
            %div.col-md-3
                %h4 Title
            %div.col-md-3
                %h4 Overview