自舉垂直網格

我有一個關於如何將東西垂直放入網格系統與引導的問題。這是我想要做的：首先，屏幕應該分爲兩部分horinzontally，左側部分8，右側部分4. 然後，左側部分應該再次垂直分開，在頂部會有成爲一張桌子。在底部的部分，再次在每個部分2水平面分開一個面板將被顯示。 [ 我的問題是，我該如何做垂直部分？自舉垂直網格

<div class="row"> 
    <div class="col-md-8" id="leftside"> 
     ? 
     ? 
     ? 
    </div> 
    <div class="col-md-4" id="rightside"> 
     ... 
    </div>

來源

2015-10-16 yangsunny

檢查：

<html lang="en"> 

<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 

<body> 

    <div class="row"> 
    <div class="col-md-8" style="height:500px;background-color:green;"> 
     <div class="row" style="height:50%;background-color:red;"> 
     <div class="col-md-12"> 
      <p>A</p> 
     </div> 
     </div> 
     <div class="row"> 
     <div class="col-lg-6"> 
      <p>B</p> 
     </div> 
     <div class="col-lg-6" > 
      <p>C</p> 
     </div> 
     </div> 
    </div> 
    <div class="col-md-4" style="height:500px;background-color:black"> 

    </div> 
    </div> 

</body> 

</html>

Codepen：http://codepen.io/anon/pen/dYVxGa

來源

2015-10-16 09:24:44

非常漂亮，非常感謝你 – yangsunny

自舉垂直網格

回答

相關問題