自举3格系统

嵌套问题，我有一个.aspx页面自举3格系统

.cDiv { 
 
    background-color: gray; 
 
} 
 

 
.tColor { 
 
    background-color:yellow; 
 
} 
 

 
.tColor2 { 
 
    background-color:blue; 
 
}

<div class="container"> 
 
<div class="row"> 
 
    <div class="col-sm-9 tColor"> 
 
     Level 1: .col-sm-9 
 
      <div class="row"> 
 
       <div class="col-sm-6 tColor2"> 
 
        Level 2: .col-sm-6 
 
       </div> 
 
       <div class="col-sm-6 cDiv"> 
 
        Level 2: .col-sm-6 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

的问题是，第二列变得比其父更广泛的下面的代码。我得到以下结果

来源

2017-09-04 Elham Kohestani

你必须删除第二行。 –

我需要一个嵌套的行，为什么我应该删除它 –

如果可能的话，删除第二个'.row'并将'.col-sm-6'降低到'.col-sm-3' –

我想你忘了，包括引导CSS

.cDiv { 
 
    background-color: gray; 
 
} 
 

 
.tColor { 
 
    background-color:yellow; 
 
} 
 

 
.tColor2 { 
 
    background-color:blue; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
<div class="row"> 
 
    <div class="col-sm-9 tColor"> 
 
     Level 1: .col-sm-9 
 
      <div class="row"> 
 
       <div class="col-sm-6 tColor2"> 
 
        Level 2: .col-sm-6 
 
       </div> 
 
       <div class="col-sm-6 cDiv"> 
 
        Level 2: .col-sm-6 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

工作Demo

来源

2017-09-04 06:58:14

为什么bootstrap.css不工作我已经添加了bootstrap.css链接到我的页面，但它不工作，但赢了我包括bootstrap.min.css它的工作。其CDN也运行良好。为什么？您是从本地添加css文件还是使用外部链接添加 –

？ –

我已经将它添加到本地 –

自举3格系统

回答

相关问题