流體容器腳手架問題

我有一些問題，以適應我的網頁，因爲我想使用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

流體容器腳手架問題

回答

相關問題