如何防止覆盖引导行？

Question

This is the issue 我需要防止使用自举3。这是我的代码

<div class="col-md-6"> 
        <div class="row form-group"> 
         <div class="col-md-4"> 
          <label class="control-label">Location</label> 
         </div> 
         <div class="col-md-8"> 
          <label class="control-label">{{draftJobPost.location}}</label> 
         </div> 
        </div> 
        <div class="row form-group"> 
         <div class="col-md-4"> 
          <label class="control-label">Salary</label> 
         </div> 
         <div class="col-md-8"> 
          <label class="control-label">{{draftJobPost.salaryDetails}}</label> 
         </div> 
        </div> 
        <div class="row form-group"> 
         <div class="col-md-4"> 
          <label class="control-label">Recruiter</label> 
         </div> 
         <div class="col-md-8"> 
          <label class="control-label">{{draftJobPost.location}}</label> 
         </div> 
        </div> 
        <div class="row form-group"> 
         <div class="container col-md-4"> 
          <label class="control-label">Type</label> 
         </div> 
         <div class="col-md-8"> 
          <label class="control-label">{{draftJobPost.location}}</label> 
         </div> 
        </div> 
       </div> 

通过引导3

Answer 1

您正在用form-group类中的属性覆盖.row类。 更改所有输入行。

从

<div class="row form-group"> 
    <div class="col-md-4"> 
     <label class="control-label">Location</label> 
    </div> 
    <div class="col-md-8"> 
     <label class="control-label">{{draftJobPost.location}}</label> 
    </div> 
</div> 

到

<div class="form-group"> 
    <div class="row"> 
     <div class="col-md-4"> 
      <label class="control-label">Location</label> 
     </div> 
     <div class="col-md-8"> 
      <label class="control-label">{{draftJobPost.location}}</label> 
     </div> 
    </div> 
</div> 

Answer 2

您可以使用引导-Clearfix我需要设置自动高度在每行过写行属性。 https://v4-alpha.getbootstrap.com/utilities/clearfix/