Twitter bootstrap 表单组div上的引导网格维度

我正在尝试清理一个非常强大的布局，它在AngularJs应用程序中使用Bootstrap 3和标签

我非常熟悉大多数引导规则（例如嵌套行等），但有一个组合我还没有见过。以下面的片段为例

<div class="tab-pane ng-scope active" ng-repeat="tab in tabset.tabs" ng-class="{active: tabset.active === tab.index}" uib-tab-content-transclude="tab">
    <div class="tab-top-buffer ng-scope">
        <div class="row">
            <ng-form name="patientDetailsForm" class="ng-pristine ng-invalid ng-invalid-required ng-valid-minlength ng-valid-maxlength ng-valid-date">
                <div class="col-md-9">
                    <div class="row">
                        <div class="form-group">
                            <span>&nbsp;<i class="fa fa-question-circle" title="Enter the first three letters of the patient’s surname"></i></span>
                            <label for="name" class="control-label">Name:</label>
                            <span>&nbsp;<i class="fa fa-asterisk text-danger"></i></span>
                            <input type="text" id="name" name="name" required="" placeholder="Enter given name" ng-model="editModel.breastData.episode.patient.name" ng-minlength="2" ng-maxlength="3" class="ng-pristine form-control ng-valid-minlength ng-valid-maxlength ng-not-empty ng-valid ng-valid-required ng-touched">
                        <!-- ngIf: patientDetailsForm.name.$invalid && patientDetailsForm.name.$touched --></div>
                    </div>

                    <div class="row">
                        <div class="form-group">
                            <span>&nbsp;<i class="fa fa-question-circle" title="Enter the patient’s date of birth as day, month and four digit year of birthdate to be separated by a forward slash (/)."></i></span>
                            <label for="dob" class="control-label">DOB:</label>
                            <span>&nbsp;<i class="fa fa-asterisk text-danger"></i></span>
                            <div class="input-group">
                                <input type="text" id="dob" name="dob" class="form-control ng-pristine ng-untouched ng-isolate-scope ng-not-empty ng-valid-date ng-valid ng-valid-required" uib-datepicker-popup="dd-MM-yyyy" alt-input-formats="altInputFormats" ng-model="$parent.$parent.dob" is-open="dobPopup.opened" datepicker-options="dobDateOptions" ng-required="true" close-text="Close" ng-change="$parent.$parent.validateDob()" placeholder="DD-MM-YYYY" required="required"><div uib-datepicker-popup-wrap="" ng-model="date" ng-change="dateSelection(date)" template-url="uib/template/datepickerPopup/popup.html" class="ng-pristine ng-untouched ng-valid ng-scope ng-not-empty"><!-- ngIf: isOpen -->
    </div>
                                <span class="input-group-btn">
                                    <button type="button" class="btn btn-default" ng-click="openDobPopup()"><i class="fa fa-calendar"></i></button>
                                </span>
                            </div>
                            <!-- ngIf: patientDetailsForm.dob.$invalid && patientDetailsForm.dob.$touched -->
                        </div>
                    </div>

这似乎管用，但感觉不对。我只是想寻求澄清，看看这是不是一个坏主意，在这种情况下，我可能不得不创建一个包装div

---

谢谢

我个人创建了一个包装div，并在我一直在做的网站上查看我的代码。。。。但我的意思是，如果你不想这样做，而且它奏效了，我看不出有什么理由不……@ThomasWithers，谢谢。反对包装div的唯一理由是混乱。更多的缩进等，但我重视你的反馈。谢谢。我同意这一点，它确实增加了混乱。但我想你可以把它归结为单个开发者/情况

<div class="row">
    <div class="form-group col-md-4 col-md-offset-4"> ...