引導側邊欄和內容寬度

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。