對齊兩組搜索結果的最佳方法

Question

我正在構建一個獲取給定搜索結果的web應用程序，有2種結果，我想將它們並排顯示在2個列表中或可能是網格中。

一個列表我比另一個大，所以也許兩個列表更好。如何安排他們在頁面中居中並排。

此外，如何設置這些框的大小以便文本換行。

對不起，真正的基本問題我很新的網頁開發。順便說一句，我也使用bootstrap 3。

Answer 1

試試這個：

<div class="container"> 
    <div class="row"> 
    <div class="span6"> 
     <h3>List 2 Heading</h3> 
     <ul> 
     <li>Result 1</li> 
     <li>Result 2</li> 
     ... 
     <li>Result n</li> 
     </ul> 
    </div> 
    <div class="span6"> 
     <h3>List 2 Heading</h3> 
     <ul> 
     <li>Result 1</li> 
     <li>Result 2</li> 
     ... 
     <li>Result n</li> 
     </ul> 
    </div> 
    </div> 
</div> 

引導程序框架會照顧所有的文本換行的列中的你，並在頁面的中間有一間小部分像素填充鎖定在一起的兩列。如果你想要更多的盒裝外觀，請將well添加到span6的2 div元素的類中，以便<div class="span6 well">。