0

总而言之，我是 Bootstrap 的书呆子。在我阅读了Bootstrap 文档之后，我开始在 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/。

请帮助审查它。似乎我没有以正确的方式得到它。因为正确的结果类似于下图。我不知道我是否错过了什么。有人可以帮我吗？谢谢。 在此处输入图像描述

4

2 回答 2

2

here's what you're looking for I think:

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>

I added in a link to the docs.css from Bootstrap which gives it the styling you were looking for.

l also added a div with the class of container around your code and added in the .show-grid class to the rows.

于 2013-03-04T09:59:12.227 回答
1

In bootstrap single row has size limited to 12. When you add span6 + span3 you get column size 6 and 3 so this row has size 9 and you have 3 columns left. See span and offset.

于 2013-03-04T09:54:33.373 回答