2015-04-03 28 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

通知。