【问题标题】:How to style bootstrap forms?如何设置引导表单的样式?
【发布时间】:2014-02-27 12:07:33
【问题描述】:

您如何使用引导程序设置表单样式?

我创建了一个表单,其中一个有标签,另一个没有标签,所以另一个向上推,但我需要它们全部内联?

这是我的Fiddle

<div class="col-xs-3 col-sm-2">
    <div class="form-group">
        <label>Selects</label>
        <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
    </div>
</div>

【问题讨论】:

  • 我会说使用固定定位或尝试表格对齐。 (显示:表格(-cell/etc))

标签: html css forms twitter-bootstrap


【解决方案1】:

如果您将label 元素与不间断空格字符实体一起放置,则元素将被对齐。 例如,

 <div class="form-group">
   <label>&nbsp;</label>
   <select class="form-control">
     <option>1</option>
     <option>2</option>
     <option>3</option>
     <option>4</option>
     <option>5</option>
   </select>
 </div>

http://jsfiddle.net/UhpmJ/

【讨论】:

    猜你喜欢
    • 2013-09-19
    • 2019-01-07
    • 2014-02-10
    • 2016-12-02
    • 2020-12-26
    • 1970-01-01
    • 2018-05-19
    • 2021-03-20
    • 2014-10-03
    相关资源
    最近更新 更多