html - 对齐两组搜索结果的最佳方式

Question

我正在构建一个获取给定搜索结果的网络应用程序，有 2 种结果，我想在 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 列锁定在一起，并在它们之间留出一些像素填充。如果您想要更封闭的外观，请使用, so添加well到 2 个div元素的类中。span6<div class="span6 well">