css - 在 bootstrap 中，以什么形式更改 ="form-group"类高度的可接受方法是什么？

Question

<div class="modal fade" >
 <form class="form-horizontal" ..>
  <div class="form-group ">
      then several ...
<div class="col-lg-8 col-md-8 col-sm-9 col-xs-10 col-md-offset-2">
 <label class="control-label col-lg-4 col-md-4" for="BuildingCost">Cost</label>
  <div class="col-lg-4 col-md-4 col-sm-5 col-xs-5 al-left">
    <input type="number" class="form-control input-sm has-feedback" required="required" min="5" aria-describedby="CostStatus" id="Cost" name="Cost"/>
    <span class="form-control-feedback" aria-hidden="true"></span>   
    </div></div></div>

使用: Bootstrap v3.3.4 Modernizr v2.6.2 jQuery JavaScript 库 v2.1.3

Answer 1

没有所谓的“可接受的方式”。您可以通过多种方式做到这一点，所有这些都只取决于您所追求的外观。如果您指的是最佳实践，最合适的选择是创建实用程序类。

<div class="row really-tall">

</div>

高度本身可以通过 height 或 min-height 属性以及任何有助于整体高度的东西来增加，例如 padding:

.really-tall{ min-height: 600px; }

或

.really-tall{ padding-top: 100px; padding-bottom: 100px; }