【问题标题】:Boostrap not working when text wrapping文本换行时引导程序不起作用
【发布时间】:2017-10-05 11:36:33
【问题描述】:

我有一个包含 3 列的表单。中间列也被“拆分”为 2 列,在手机上变成一列。

我的问题是中间列在平板电脑和台式机上的行为不正确。这些字段未在应有的位置对齐。可能是浏览器问题。 如果浏览器窗口最大化,则最后一个字段(第 11 个)不是在左侧,而是在右侧。 如果浏览器窗口缩小,则第 5 个字段位于右侧而不是左侧。这是因为正在包装第三个字段。

https://www.bootply.com/FgfwYKdIr0

这可以解决吗?

【问题讨论】:

    标签: twitter-bootstrap twitter-bootstrap-3 bootstrap-grid


    【解决方案1】:

    试试这个,它会解决你的问题。

     label {
            white-space: nowrap;
     }
    

    玩得开心

    【讨论】:

    • 你在我提供的例子上试过了吗?对我来说,第 11 个仍然在同一个地方。所以这不是一个完整的解决方案。另外,当文本大于分配的空间时会发生什么?
    猜你喜欢
    • 2019-10-31
    • 2014-02-15
    • 2014-06-18
    • 2015-01-03
    • 1970-01-01
    • 2020-10-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多