bootstrap overlapping column how can i fix this?

Question

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

Answer 1

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;
}