css.form组sm的范围

css.form组sm的范围,css,twitter-bootstrap,Css,Twitter Bootstrap,为什么.form group sm会减少.form control而不是.control标签,除非位于表格水平内?这将强制使用自定义css或将标记与标记一起使用。它是设计的还是丢失的 从bootstrap.css: .form-group-sm .form-control { ... } .form-horizontal .form-group-sm .control-form { ... } 示例代码: <form class="form-horizontal"> <d

为什么
.form group sm
会减少
.form control
而不是
.control标签
,除非位于
表格水平
内?这将强制使用自定义css或将
标记与
标记一起使用。它是设计的还是丢失的

从bootstrap.css:

.form-group-sm .form-control { ... }
.form-horizontal .form-group-sm .control-form { ... }
示例代码:

<form class="form-horizontal">
  <div class="form-group form-group-sm">
    <label class="col-sm-2 control-label" for="formGroupInputSmall">Small label</label>
    <div class="col-sm-10">
      <input class="form-control" type="text" id="formGroupInputSmall" placeholder="Small input">
    </div>
  </div>
</form>

小标签

可能是出于设计。如果它不在.form horizontal内,.control标签将被视为块元素。如果它位于.form水平位置,那么您将以内联方式显示表单元素,并且必须为.control-label.com设置一个大小,这可能是出于设计。如果它不在.form horizontal内,.control标签将被视为块元素。如果它位于.form水平位置,则您将以内联方式显示表单元素,并且必须为.control标签设置大小。