2015-04-03 49 views
0

我的第一個問題是,我在維護一個偏置的助推器列中的側邊導航欄時遇到了一些困難。如何在引導過程中保持居中內容列的偏移列?

我是技術作家,仍在學習平臺。 我有一排一組列所抵消:

div class="container-fluid"> 
        <div class="row"> 
         <div class="col-md-6 col-md-offset-4 col-lg-8 col-lg-offset-2"> 

我的側欄導航鏈接是靜態的,其中滾動。

<div class="col-md-2 col-md-offset-0 col-lg-2 col-lg-offset-0 "> 
          <div class="topics"> 
           <h4 class="sidenavheader">In this topic:</h4> 
           <ul class="list-unstyled"> 
            <li><a href="#First" title="Click here to learn about first time login" alt="Click here to learn about first time login">First Time Login</a> 
            </li> 
            <li><a href="#Navigati" title="Click here to learn about Navigation" alt="Click here to learn about Navigation">Navigation</a> 
            </li> 
            <li><a href="#Navigati2" title="Click here to learn about Navigation Home Page" alt="Click here to learn about Navigation Home Page">Removing elements</a> 
            </li> 
            <li><a href="#My" title="Click here to learn about My Self page" alt="Click here to learn about My Self page">My Self</a> 
            </li> 
            <li><a href="#My2" title="Click here to learn about My Company" alt="Click here to learn about My Company">My Company</a> 
            </li> 
           </ul> 
          </div> 
         </div> 

,就會出現問題,當我縮小窗口(在1200像素的範圍)在側導航欄和仰臥起坐在div的主要內容之上向右移動。 更多地縮小窗口(@ 972 px)將內容作爲中心並移除邊欄(這正是我想要的)。

因此,在媒體上的媒體查詢似乎是問題?我嘗試了很多選擇,我想我錯過了一些東西。

我很喜歡這個網站。我可以使用一些幫助,因爲我不會從引導文檔或搜索中收集需要的內容。 謝謝。 JJ

回答

0

如果我理解正確,問題很簡單,你沒有12個可用的列適當分佈中等屏幕寬度。試試這個:

<div class="col-md-6 col-md-offset-3 col-lg-8 col-lg-offset-2"> 

<div class="col-md-3 col-lg-2"> 
,我已經取消了側邊欄不必要補償

Demo

通知。