CSS bootstrap 元素没有水平对齐
CSS bootstrap elements not aligning horizontal well
我有一个表格 Bootstrap CSS。
CSS 是 left-to-right 但我需要表单字段是 right-to-left。所以我在每个表单中添加了一个包含 float: right 的 class。
所有的字段都应该一个接一个地浮动，但问题是有些行在中间断开，如下图所示。
我已经搜索过，但找不到导致断线的原因。
您设置 class - "col-md-4" 因此，线被分成 3 个元素，宽度为 33%。如果你想要一行中的 4 个元素，你必须设置 "col-md-3"，那么你将有 12/3 = 4，4 个元素宽度为 25% :)
使用带有 class "row" 的父元素作为您希望在一行中的 input 元素集。
我有一个表格 Bootstrap CSS。
CSS 是 left-to-right 但我需要表单字段是 right-to-left。所以我在每个表单中添加了一个包含 float: right 的 class。
所有的字段都应该一个接一个地浮动，但问题是有些行在中间断开，如下图所示。
我已经搜索过，但找不到导致断线的原因。
您设置 class - "col-md-4" 因此，线被分成 3 个元素，宽度为 33%。如果你想要一行中的 4 个元素，你必须设置 "col-md-3"，那么你将有 12/3 = 4，4 个元素宽度为 25% :)
使用带有 class "row" 的父元素作为您希望在一行中的 input 元素集。