bootsrap3問題浮動

http://pytools.webfactional.com/learn/bomar4/bootsrap3問題浮動

我一直與引導工作重新設計了我的實習這個夏天的網頁，並從我的老闆即時得到幾個佈局這個希望最後一節之後。我不得不使用模板，因爲它太難以覆蓋一些預定義的主題，他們會執行，所以我或多或少地從頭開始制定這種佈局。

我遇到了一些與「mainContent」類和div與「sideFooter」類的div浮動問題。在F/S視圖中，高亮表應該在主側欄導航下顯示爲齊平，但它不這樣做，因爲存在與面板框高度相等的間隙，我似乎無法弄清楚爲什麼。。我跟着其他問題在這裏關於設置漂浮的權利的內容和浮動：左側的小窗口調整大小的底部移動到底部，因爲在寬度< 768 px

它也看起來很sl at在某些斷點，底部最多的頁腳並沒有固定在左側的大小調整和擴大超出側欄的其餘部分，並在更小的內容下移動到達移動大小之前，這似乎看起來是可以忍受的...

任何幫助將不勝感激！

來源

2013-08-02 kinghenry14

嗯，這是期待通過試驗和錯誤調整....現在我想知道如果theres任何方式來鎖定div的，並防止他們在調整所有臨時直到我能解決這個糟問題... – kinghenry14

您可能需要製作2個容器div，一個用於側邊欄，另一個用於主要內容。例如

<div class="row"> 
    <div class="col col-lg-3 col-sm-3"> 
     <!--All sidebar content Here --> 
    </div> 
    <div class="col col-lg-9 col-sm-9"> 
     <!--All Main Content Here --> 
    </div> 
</div>

如果你想在側邊欄的某些事情，在主要內容的某些項目，而不是將那些需要在行被排列在一起的東西要排隊。例如：

<div class="row"> 
    <div class="col col-lg-3 col-sm-3"> 
     <!--Aligning sidebar content Here --> 
    </div> 
    <div class="col col-lg-9 col-sm-9"> 
     <!--Aligning Main Content Here --> 
    </div> 
</div>  
<div class="row"> 
    <div class="col col-lg-3 col-sm-3"> 
     <!--Aligning sidebar content Here --> 
    </div> 
    <div class="col col-lg-9 col-sm-9"> 
     <!--Aligning Main Content Here --> 
    </div> 
</div>

來源

2013-08-02 17:35:52

bootsrap3問題浮動

回答

相關問題