对齐两组搜索结果的最佳方法

Question

我正在构建一个获得搜索结果的网络应用程序，有两种结果，我想在2个列表或网格中并排显示它们。

一个列表我比另一个更大，所以也许两个列表更好。如何安排它们在页面中居中但并排。

另外，如何设置这些框的大小以便文本包装。

对于非常基本的问题，我很抱歉，我对Web开发很新。我顺便使用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>

引导框架将为您处理列中的所有文本环绕，并锁定页面中间的2列以及其间的几个像素填充。如果您想要更加盒装的外观，请将well添加到包含div的2个span6元素的类中，以便<div class="span6 well">。