Bootstrap 3，列內的列表

我想設置一個兩列布局 - 左列是項目列表，第二列是關於第一列項目的詳細信息（單擊項目和數據呈現，但現在不重要）。Bootstrap 3，列內的列表

我被卡住了設置佈局 - 我可以得到列，但是當我將列表添加到第一列時，它在它下面呈現。我不知道爲什麼。

有人能指出我正確的方向嗎？

<body> 
    <div id="content"> 
     <div class="row"> 
      <div id="sidebar" class="col-md-4"> 
       <div class="list-group"> 
        <a class="list-group-item">Item Here</a> 
        <a class="list-group-item">Item Here</a> 
       </div> 
      </div> 
      <div id="main" class="col-md-8"> 
       Other Stuff Here 
      </div> 
     </div> 
    </div> 
</body>

我試圖去除母體的div（ID =「欄」），使該列表組的div該ID /寬度部分，但隨後ID =「主」呈現列表的上方。

所以，我很困惑。我錯過了什麼？

來源

2014-06-05 Lisa

你是如何「添加到列表」？它看起來很好：http://www.bootply.com/covyy95Cyd – ZimSystem

如果你使用col-md，你的div在<768px下有100％的寬度，所以用'col-xs'改變'col-md'讓你的任何設備大小的結果 –

@Skelly它是引導應用程序的一部分。 – Lisa

如果使用COL-MD，你的DIV有100％的寬度時，你的瀏覽器的寬度低於< 768px，它是在移動第一個CSS網格中的行爲，因此受到col-xs改變col-md爲有你的結果對於任何設備尺寸

來源

2014-06-05 14:39:24

Bootstrap 3，列內的列表

回答

相關問題