Bootstrap列寬度不一樣

Question

我嘗試了Bootstrap，但是當我使用這段代碼創建1個導航欄然後是2個內容框時，它們的寬度不一樣...即使寬度全部加起來爲12：

<div class="row" id="preview"> 
    <!-- sidebar 1--> 
    <div class="col-md-4 column" id="sidebar" style="border:1px solid; height:600px;"></div> 
    <!-- main contents --> 
    <div class="col-md-8 column"> 
     <div class="row" id="main_contents"> 
      <div class="col-md-4 column" id="content1" style="border:1px solid; height:600px;"></div> 
      <div class="col-md-4 column" id="content2" style="border:1px solid; height:600px;"></div> 
     </div> 
    </div> 
</div> 

我也一樣嘗試這樣做，這給了相同的結果：

<div class="row" id="preview"> 
    <!-- sidebar 1--> 
    <div class="col-md-4 column" id="sidebar" style="border:1px solid; height:600px;"></div> 
    <!-- main contents --> 
    <div class="col-md-8 column"> 
     <div class="col-md-4 column" id="content1" style="border:1px solid; height:600px;"></div> 
     <div class="col-md-4 column" id="content2" style="border:1px solid; height:600px;"></div> 
    </div> 
</div> 

Answer 1

在引導3所有列的大小是百分比，而不是固定的，就像他們在哪裏V2。

現在每行的列應該加起來最多爲12。

將那些內部col-md-4更改爲col-md-6，你應該沒問題。

此外，我強烈建議不要通過添加邊框來篡改寬度。理論上你應該沒問題，因爲他們使用box-sizing: border-box，但我會將邊界添加到某種內部包裝。