Bootstrap 面板 header 文本剪切掉

Question

我用面板制作了两列，其中包含响应图像。面板有 headers 链接到这些图像。水平调整视口大小时，链接会超出 header.

Answer 1

这是 CSS 中的默认行为，但可以通过设置 overflow-wrap 和 word-wrap 属性来更改它。

.word-wrap-fix {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

Here 是一个工作示例，其中有两个标题很长的面板，其中一个应用了 .word-wrap-fix。

This link 涵盖得很好，并提供了一些示例。