Bootstrap有很多
examples for types of forms.我有兴趣使用这样的“水平形式”
Picture.png http://img35.imageshack.us/img35/244/picturebm.png
这是在使用Web检查器工具栏概述某些元素后的样子:
Picture 2.png http://img594.imageshack.us/img594/4681/picture2yn.png
我在一个弹出式模式下工作,空间已经有点紧张了.我尝试将bootstrap的网格系统的.span1和.span2作为一个类添加到标签中,但它没有给出所需的行为.
有没有办法使用引导的其他方面来获得所需的行为(即收紧水平形式的标签占用的空间量)?这样做的正确方法是什么?我使用的是引导版本2.1
解决方法
我不知道bootstrap有没有为它定义的东西…以下是一个解决方法..
<div class="control-group"> <label class="control-label" style="width:auto" for="inputEmail">Email</label> <div class="controls" style="margin-left:auto"> <input type="text" class="input-small" id="inputEmail" placeholder="Email"> </div> </div>
我添加了style =“width:auto”,默认为140px,style =“margin-left:auto”,默认为160px.还有class =“input-small”可以减少输入字段的宽度,以挤出更多的空间,使其适合模态.
现在你根据你的需要进一步调整它.