流体容器脚手架问题

我有一些问题，以适应我的网页，因为我想使用bootstap脚手架。流体容器脚手架问题

我使用fluid layout为了建立一个简单的页面，菜单在左边，内容在右边。

我得到2个问题试图做到这一点：

还有就是我的两个主容器之间没有空格。
我们可以在我们两个容器内使用脚手架吗（有一些代码在下面）？或者我们必须使用<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

感谢。

来源

2013-01-24 Ludo

查看代码时，我看到主容器之间的预期左边距（请参见下面的提琴）。你是否在某处重写它？
此外，您应该在span的内部添加另一个row-fluid以在现有行内使用脚手架。

jsFiddle
Bootstrap example of nested scaffolding（查看源）

EDIT
你的内容是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-24 21:52:19 Sara

好的，谢谢这是我的第二个问题的答案。关于左边距，我不认为要覆盖它，我只是张贴了3我得到的sceenshot，我不使用额外的CSS。 – Ludo

@Ludo你可以发布你正在使用的确切HTML吗？这些屏幕截图与您的问题中的代码不匹配。 – Sara

好吧，我刚刚发布了它，我使用骨干，所以有一些额外的div。 – Ludo

流体容器脚手架问题

回答

相关问题