Question

我使用的是Bootstrap 3，在我页面的某个时刻，我有一个句子＆＃34; X Y Z＆＃34;由三部分组成。例如，它可能是＆＃34; Bud Spencer与Terence Hill一起走。＆＃34;其中X =＆＃34; Bud Spencer＆＃34;，Y =＆＃34;与＆＃34;，Z =＆＃34; Terence Hill一起走。＆＃34;

我想避免三个部分中的文本包装，所以我有以下HTML代码：

<div class="...">
    <span class="text-nowrap">X</span> <span class="text-nowrap">Y</span> <span class="text-nowrap">Z</span>
</div>

理想情况下，我希望用户看到完整的句子X Y Z，但如果屏幕不够宽，我希望他们看到

X
Y
Z

而不是，例如

X Y
Z

换句话说，我想强制包裹所有三个部分，以防它们没有足够的空间让它们保持在同一条线上。我怎么能用CSS / Bootstrap来做呢？

Answer 1

您应该在bootstrap中使用以下内容来实现此目的： -

<asp:Literal ID="Literal1"
        Mode="PassThrough"
        Text= "Your HTML"          
        runat="server">
    </asp:Literal>

请查看Bootstrap Grid

在Bootstrap中包装的单词 - 一行或三行

1 个答案: