0

我有一些适合我的网页的问题，因为我想使用引导程序脚手架。

我正在使用它fluid layout来构建一个简单的页面，左侧是菜单，右侧是内容。

尝试执行此操作时遇到两个问题：

  1. 我的两个主要容器之间没有空间。
  2. 我们可以在两个容器中使用脚手架吗（下面有一些代码）？还是我们必须在<div class="2">and中使用浮点数<div class="10">？

这是我的代码

  <div class="container-fluid">
    <div class="row-fluid">

      <script type="text/template" id="sidebar-template">
        ****** SIDE BAR ******
      </script>
      <div class="span2">
        <div id='sidebar-container'></div>
      </div>

      <script type="text/template" id="content-template">
        <p>****** CONTENT ******</p>
      </script>
      <div class="span10">
        <div id='content-container'></div>
      </div>
    </div>
  </div>

这是我第一个问题的 3 个屏幕截图。

侧边栏 内容 容器

谢谢。

4

1 回答 1

1

查看您的代码时，我看到了主容器之间的预期左边距（见下面的小提琴）。你在某处覆盖它吗？此外，您应该在现有行中
添加另一个以使用脚手架。row-fluidspan

jsFiddle
Bootstrap 嵌套脚手架示例（查看源码）

编辑
您的内容在容器 div 之外。试试这个：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span2">
            <div id='frontend-header-container'>
                <script type="text/template" id="frontend-header-template">
                    ****** SIDE BAR ******
                </script>
            </div>
        </div>
        <div class="span10">
            <div id='home-container'>
                <script type="text/template" id="home-template">
                    <p>****** CONTENT ******</p>
                </script>
            </div>
        </div>
    </div>
</div>
于 2013-01-24T21:52:19.570 回答