bootstrap 这个怎么能填充满了

Question

如何能填充满?

这个是代码

               <div class="form-group col-sm-12" id="title">
                        <label class="col-md-4 row control-label">标题：</label>
                        <div class="col-md-7 row">
                          <input type="text" name="title" class="form-control"  placeholder="请输入标题">
                        </div>
                    </div>

Answer 1

<form class="form-horizontal">
  <div class="form-group" id="title"> <!-- 不需要添加.col-sm-12 -->
    <label class="col-md-4 control-label">标题：</label> <!-- 不要添加.row -->
    <div class="col-md-8"> <!-- 不要添加.row，注意是col-md-8 8+4=12 -->
      <input type="text" name="title" class="form-control"  placeholder="请输入标题">
    </div>
  </div>
</form>

bootstrap实例

Answer 2

width的默认单位是px吧，你是想要100%吗

Answer 3

<form class="form-horizontal">
    <div class="form-group" id="title">
        <label class="col-md-4 control-label">标题：</label>
        <div class="col-md-8">
          <input type="text" name="title" class="form-control" placeholder="请输入标题">
        </div>
    </div>
</form>

给表单加上.form-horizontal，可以省去.row

参考：
https://v3.bootcss.com/css/#f...