Twitter 我不知道';我不理解推特引导范围和行

Twitter 我不知道';我不理解推特引导范围和行,twitter,twitter-bootstrap,960.gs,Twitter,Twitter Bootstrap,960.gs,我是一个巨大的960网格系统用户,我想我会尝试一下,但也许这是一个愚蠢的问题,你可以笑着投我一票,但事实是我不明白跨度和行 所以我的问题是,当我创建一个容器,并在其中创建跨距时,它不能正确地彼此相邻: 比如说,如果我写下 <div class="container_12"> <div class="grid_4"></div> <div class="grid_4"></div> <div class="grid_4"

我是一个巨大的960网格系统用户,我想我会尝试一下,但也许这是一个愚蠢的问题,你可以笑着投我一票,但事实是我不明白跨度和行

所以我的问题是,当我创建一个容器,并在其中创建跨距时,它不能正确地彼此相邻:

比如说,如果我写下

<div class="container_12">
  <div class="grid_4"></div>
  <div class="grid_4"></div>
  <div class="grid_4"></div>
</div>

我得到了一个完美的3列相邻

但我无法通过Twitter引导实现这一点,无论我做什么,我总是以不成比例的列结束,因此这些列不会像960gs那样填充容器。如果我放置了3列,那么右边的边距不正确,或者它将无法正确放入容器中

Boostrap示例:

<div class="container">
    <div class="row">
        <div class="span4">
            <h2>Column one</h2>
            <p>
                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
            </p>
        </div>  
        <div class="span4">
            <h2>Column one</h2>
            <p>
                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
            </p>
        </div>  
        <div class="span4">
            <h2>Column one</h2>
            <p>
                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
            </p>
        </div>  
    </div>  
</div>

第一栏

Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui。

第一栏 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui。

第一栏 Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品,是一种很好的调味品。这是一个很好的例子。Donec sed odio dui。

所以在上面的例子中,我得到了不成比例的列,左边第一列没有边距。如果我在960gs和网格类中这样做,它是完美的


与导致我的问题的960gs相比,Twitter引导有什么不同呢?

原因:

  • 容器是940px
  • 行为960px,边距为-20px
  • span4 300px,带20px余量

当屏幕宽度为时,您是否可以发布不适合您的标记?您可以从文档页面了解网格系统的工作原理,但我们可以通过您自己的代码示例更好地回答您的问题。您的代码在默认引导样式表中运行良好,您是否以任何方式修改引导?我添加了一个图像,没有,我没有以任何方式编辑它