Bootstrap容器流體和容器

我正在使用twitter引導設計一個網站。一切工作正常，除了標題區域。Bootstrap容器流體和容器

我已經使用.container流體設置全寬背景。並使用.container將內容放入960像素以內。但問題在於徽標背景。我想要徽標背景區域來填寫.container類之外的左側區域。可能嗎？

這裏是我的標記 -

<div class="container-fluid full-width"> 
     <div class="row-fluid header-top"> 
      <div class="container"> 
       <div class="span4 logo-area"> 
        <div class="logo"> 
         <h1> <a href=""> hello.</a></h1> 
        </div> 
       </div> 

       <div class="menu span8"> 
        <div class="navbar"> 
         <ul class="nav" id="nav"> 
          <li><a href="#"> Home </a></li> 
          <li><a href="#"> Menu Item2 </a></li> 
          <li><a href="#"> Menu Item3 </a></li> 
          <li><a href="#"> Menu Item4 </a></li> 
          <li><a href="#"> Menu Item5 </a></li> 
          <li><a href="#"> Menu Item6 </a></li>    
         </ul> 

        </div> 
       </div> 
      </div> 
     </div> 
    </div>

在此先感謝。

來源

2013-07-19 Kach

你不應該根據[文檔]（http://getbootstrap.com/css/#overview-container） – surfer190

它，但你需要通過將其放置在它之外，或使用CSS給它position:absolute等來控制它從容器中的任意流刪除

喜歡的東西：

  <div class="logo"> 
       <h1> <a href=""> hello.</a></h1> 
      </div> 

<style> 
.logo { 
position:absolute; 
top:100px; 
left:100px; 
} 
</style> 

<div class="container-fluid full-width"> 
     <div class="row-fluid header-top"> 
      <div class="container"> 

       <div class="menu span8"> 
        <div class="navbar"> 
         <ul class="nav" id="nav"> 
          <li><a href="#"> Home </a></li> 
          <li><a href="#"> Menu Item2 </a></li> 
          <li><a href="#"> Menu Item3 </a></li> 
          <li><a href="#"> Menu Item4 </a></li> 
          <li><a href="#"> Menu Item5 </a></li> 
          <li><a href="#"> Menu Item6 </a></li>    
         </ul> 

        </div> 
       </div> 
      </div> 
     </div> 
    </div>

來源

2013-07-19 15:20:24 feitla

巢容器我知道它可以這樣做，但我想保持在960像素以內。有什麼辦法嗎？謝謝。 – Kach

在這裏：看看我的小提琴和我是如何做到http://jsfiddle.net/feitla/yvXdc/玩弄寬度和高度，使其看起來正確。 – feitla

這非常有幫助。謝謝。 – Kach

我認爲你不想使用position：absolute property.However但是你不能讓你的logo背景區域填寫.container類的左邊區域。因爲你做的任何事情都會留在.container類。唯一的方法是讓你的位置：absolute或將.logo類移出.container類（僅位於.container類之上）。

來源

2013-07-19 16:02:13

Bootstrap容器流體和容器

回答

相關問題