Question

我为我的Rails安装了Bootstrap，并决定测试制作一个网格。这是我的代码。

<div class="row">
  <div class="span4">
    <h1>About the Creator</h1>
        <p>

        </p>
  </div>

      <div class="span8">
        <h1>About the Site</h1>
            <p>

            </p>
      </div>
</div>

This就是它的样子。如您所见，它分为2行，但它应该在2列中。就我所见，代码本身似乎没有任何问题。我不认为我在安装过程中犯了一个错误，因为当我安装bootstrap时，它会自动设置我的webapp样式。有什么帮助吗？

Answer 1

您可以使用4个类来指定列大小：

col-xs-#
col-sm-#
col-md-#
col-lg-#

介绍它们，以便您可以让列在不同平台上具有不同的屏幕部分。例如，您可能希望主要内容在手机上占用12列，而不是10列。要做到这一点：

<div class="row">
    <div class="col-xs-12 col-md-10">
        Content
    </div>
</div>

Bootstrap网格无法正常工作

1 个答案: