引导侧边栏和内容宽度

Question

我在创建响应模板初学者，我想创建一个像这样的网站引导应用布局http://wrapbootstrap.com/preview/WB0F35928

主要的div将侧边栏和内容DIV它看起来像我的网站上面说过，

问题是当我将它应用到我自己的页面上时，响应部分不起作用，它就像一个普通的不响应模板。我已经有了响应式模板的所有js要求，但它仍然无法正常工作。

，这里是我的html代码：

<div class="sidebar"> 
    <ul style="background:#aaa; margin-left:0 !important;"> 
    <li>list1</li> 
    <li>list2</li> 
    </ul> 
</div> 

<div class="content"> 
    <div class="container-fluid"> 
     This is a sample content 
    </div> 
</div> 

CSS：

.sidebar{ 
display:block; 
} 
.sidebar > ul{ 
margin:10px 0 0; 
padding:0; 
position:absolute; 
width:220px; 
} 
.content{ 
margin-right:0; 
margin-left:220px; 
min-height:740px; 
padding-bottom:0 !important; 
position:relative; 
width:auto; 
background:#fff; 
} 

在引导-responsive.css我把这个：

@media (max-width: 767px){ 
.content{ 
    margin-left:0 !important; 
} 
} 
@media (max-width: 767px){ 
.sidebar{ 
    float:none; 
    width:100%; 
    } 
.sidebar > ul{ 
    width:100%; 
    position:relative; 
} 
} 

Answer 1

对于Twitter的引导来响应，你必须不仅使用引导程序JS和css文件，还必须使用如下所示的响应式css文件：

<link rel="stylesheet" type="text/css" href="/AgTracker/resources/css/bootstrap.min.css"/> 
<link rel="stylesheet" type="text/css" href="/AgTracker/resources/css/bootstrap-responsive.min.css"/> 

你在使用这两个文件吗？有关更多详细信息，请参阅here。