文字包装时Boostrap不工作

时间:2017-10-05 11:36:33

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

我有一个包含3列的表单。中间列也是" split"分为两列,在手机上变成一列。

我的问题是中间列在平板电脑和桌面上的行为不正确。字段不对齐它们应该在哪里。这可能是一个浏览器问题。 如果浏览器窗口最大化了最后一个字段(第11个)而不是在左侧,则它在右侧。 如果浏览器窗口缩小,则第5个字段位于右侧而不是左侧。这是因为第三个字段正在被包装。

https://www.bootply.com/FgfwYKdIr0

这可以解决吗?

1 个答案:

答案 0 :(得分:0)

试试这会解决你的问题。

 label {
        white-space: nowrap;
 }

玩得开心