在bootstrap中,在表单中更改class =“form-group”的高度的可接受方法是什么?

时间:2017-01-25 20:14:40

标签: css twitter-bootstrap

<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 Library v2.1.3

1 个答案:

答案 0 :(得分:0)

没有&#34;可接受的方式&#34;。你可以通过多种方式实现这一切,所有这些都只取决于你所追求的外观。如果您指的是最佳实践,最合适的选择是创建实用程序类。

<div class="row really-tall">

</div>

高度本身可以通过heightmin-height属性以及有助于整体高度的任何内容来增加,例如padding

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

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