Question

我试图使用bootstrap创建一个网站。当我尝试在主内容区域[Span5，Span5和Sidebar Span2]中添加一些跨距时，侧边栏正在断开并进入下一行我正在附加CSS和浏览器预览。

如果有人在这方面帮助我，那就太好了

CSS代码：

<div class="container">

  <div class="content-box">

  <div class="row">
    <div class="span12">
      <div class="span5">
        Column1
      </div>
      <div class="span5">
        Column2
      </div>
      <div class="span2">
        Sidebar
      </div>

    </div>
  </div><!-- End of "Row" -->

</div><!-- End of "Content Box" -->

</div><!-- End of "Container" -->

非常感谢

Teekeybee

Answer 1

如果您使用的是bootstrap 3+，那么span1，span2将不再有效。请在此处查看其文档：http://getbootstrap.com/css/#grid-options

我不熟悉w / bootstrap 2.3，但这是为了防止你使用的是版本3 +。

Answer 2

使用Bootstrap2，您需要使用span类包装嵌套的row：

<div class="container">
    <div class="content-box">
        <div class="row">
            <div class="span12">
                <div class="row"><!-- row for nested spans -->
                    <div class="span5">Column1</div>
                    <div class="span5">Column2</div>
                    <div class="span2">Sidebar</div>
                </div>
            </div>
        </div>
    </div>
</div>

在你的情况下，我认为你的span12没用，所以我建议：

<div class="container">
    <div class="content-box">
        <div class="row">
            <div class="span5">Column1</div>
            <div class="span5">Column2</div>
            <div class="span2">Sidebar</div>
        </div>
    </div>
</div>

查看文档（“嵌套列”部分）：http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

希望这有帮助！

为什么Span在Bootstrap中出现问题

2 个答案: