Bootstrap开始

Question

所有，我是Bootstrap的书呆子。在我阅读Bootstrap document之后，我开始在jsfiddle中做一些实验。到目前为止我所做的是

<div class="row">
  <div class="span9">
    Level 1 column
    <div class="row">
      <div class="span6">Level 2</div>
      <div class="span3">Level 2</div>
    </div>
  </div>
</div>

jsfiddle链接是：http://jsfiddle.net/malaikuangren/qNsAG/4/show/。

请帮忙查看一下。好像我没有以正确的方式得到它。因为正确的结果如下图所示。我不知道我是否错过了什么。有人可以帮助我吗？谢谢。

Answer 1

这就是我想要的东西：

http://jsfiddle.net/AxMg3/

<div class="container">
    <div class="row show-grid">
        <div class="span9">
            Level 1 column
            <div class="row show-grid">
                <div class="span6">Level 2</div>
                <div class="span3">Level 2</div>
            </div>
        </div>
    </div>
</div>

我在Bootstrap的docs.css链接中添加了一个你正在寻找的样式。

我还在代码周围添加了一个带有容器类的div，并在.show-grid类中添加到了行中。

Answer 2

在bootstrap中，单行的大小限制为12.当你添加span6 + span3时，你得到的列大小为6和3，所以这行的大小为9，你剩下3列。见跨度和偏移量。