Question

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

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

我在尝试这样做时遇到了两个问题：

我的两个主容器之间没有空格。
我们可以在两个容器内使用脚手架（下面有一些代码）？或者我们是否必须使用<div class="2">和<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个截图。

Side bar Content Container

感谢。

Answer 1

我在查看代码时看到主容器之间的预期左边距（参见下面的小提琴）。你是否在某处凌驾于其中？此外，您应在row-fluid内添加另一个span，以便在现有行中使用scaffolding。

jsFiddle
Bootstrap example of nested scaffolding（查看来源）

修改
您的内容位于容器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>

流体容器的脚手架问题

1 个答案: