bootstrap重叠列如何解决这个问题？(bootstrap overlapping column how can i fix this?)

bootstrap重叠列如何解决这个问题？(bootstrap overlapping column how can i fix this?)

我有一个问题。 引导程序div栏中的文本重叠

这是图像中的问题

这是图像中的代码

谢谢，对不起，英文很抱歉

I have an issue. Text in the div col of bootstrap overlapping

This is the problem in image

This is the code in image

Thanks, Sorry for bad English

最满意答案

我看到2个解决方案。 ：

在下面的css类中，文本将被截断并以3个点结束

.my-new-class{ overflow:hidden; text-overflow: ellipsis; }

在下面的css类中，这个词将会显示在多行中。

.my-new-class{ word-wrap: break-word; }

I see 2 solutions. :

_in the css class below, the text will be cut off and end with 3 dots

.my-new-class{ overflow:hidden; text-overflow: ellipsis; }

_in the css class below, the word will just display in multiple lines.

.my-new-class{ word-wrap: break-word; }