html - 我如何在 Bootstrap 中使用边距和填充？

Question

我一直在使用 bootstrap 创建表单，但结果对我来说并不理想。我怎样才能使我的表格更好？

           <div class="row" ng-if="model.FieldType == customTypes.Select">
                        <div class="form-group">
                            <label class="control-label col-md-4">Seçim</label>
                            <div class="input-group col-md-8">
                                <input type="text" class="form-control" ng-model="model.NewComboItemForSelect"/>
                                <div class="input-group-btn">
                                    <button type="button" class="btn btn-success" ng-click="AddToDropDownList()">+</button>
                                </div>
                         </div>
                        <div class="form-group">
                            <div class="col-md-8 pull-right">
                                <select class="form-control" ng-options="field.id as field.value for field in DropdownListCustomItems" ng-model="model.DropdownListCustomItem"></select>
                            </div>
                        </div>
                    </div>
                </div>

Answer 1

如果我是对的，那么您正在寻找这样的东西。此代码将修复对齐问题。然而，我不知道设置上边距的bootstrap 方法。在此代码中，我使用自定义 CSS 来设置上边距。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
  <div class="form-group">
    <div class="col-md-4">
      <label class="control-label col-md-4">Seçim</label>
    </div>
    <div class="col-md-8">
      <div class="input-group">
        <input type="text" class="form-control" ng-model="model.NewComboItemForSelect" />
        <div class="input-group-btn">
          <button type="button" class="btn btn-success" ng-click="AddToDropDownList()">+
          </button>
        </div>
      </div>
    </div>
    <div class="col-md-8 col-md-push-4" style="margin-top: 4px">
      <div class="form-group">
        <select class="form-control"></select>
      </div>
    </div>
  </div>
</div>