我有一个应该如下所示的表格:
Label: <input field> Explanation of this field
Another Label: <input field> Lengthy explanation, must wrap.
我正在尝试在 Twitter Bootstrap 中执行此操作,而不使用实际的<table>
. 表格可以防止字段在窄屏幕(如移动设备)上换行。
标准的 Bootstrap 语法是这样的:
<label>Label name</label>
<input type="text" placeholder="Type something…">
<span class="help-block">Example block-level help text here.</span>
有什么方法可以让这些字段变为水平状态?“form-inline”类没有削减它,因为标签没有对齐,“form-horizontal”类没有工作,因为我无法让class =“help-block”放置帮助文本在右边。
也许我错过了一个技巧?还是第三方的一点 css 来做更好的表格?