如何通过CSS使Bootstrap的水平表单标签更小?

前端之家收集整理的这篇文章主要介绍了如何通过CSS使Bootstrap的水平表单标签更小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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”可以减少输入字段的宽度,以挤出更多的空间,使其适合模态.

现在你根据你的需要进一步调整它.

原文链接:https://www.f2er.com/css/216844.html

猜你在找的CSS相关文章