Bootstrap内容包装在网格中

Question

我正在设计一个模板，设计的问题是当我调整网格的浏览器高度变化以适应其中的内容时如下所示。

以下是demo。

我使用text-overflow的属性，内容现在被包裹，但即使下面还有空格，它也只使用一行。

所以我想使用与image相同的高度，而当我调整浏览器text-overflow属性时应该使用类似下面的内容

我不确定我应该使用哪个css属性，我感谢我能帮助解决这个问题

谢谢

Answer 1

您应该在容器内使用css属性text-overflow: ellipsis;。

有关refer to MDN

的更多信息

Answer 2

使用span class =＆＃34; text-nowrap＆＃34;进行环绕。类.text-nowrap是Bootstrap的文本对齐助手类之一，包括：

.text-nowrap {
    white-space: nowrap;
}

Answer 3

尝试使用.container-fluid作为全宽容器，跨越视口的整个宽度。

div class =＆＃34; container-fluid＆＃34;