關於用bootstrap實現頁面中遇到的問題

　　在用bootstrap實現一個響應式頁面時，我在導航欄遇到了一個很簡單的問題，記錄一下，避免之後在犯相同的錯誤：

我原本想實現的效果是：

瀏覽器正常的時候：

 瀏覽器縮小了之後：

點擊右側下拉以後：

結果卻成了：

找了好久，一直覺得是bootstrap-resposive.css這個文件沒有引進去，最後才發現這個文件已經引入，並且下面的內容都顯示正常，主要是bootstrap-resposive.css文件裏控制這個下拉按鈕的代碼出了問題，他本來的代碼是：.navbar.btn-navbar {   display: block; }，而個人這個button外面並無一個.navbar的標籤，所以我加上了

 .navbar.btn-navbar { display: block; } .nav>.navbar-inner>.container>.btn{ display: block;margin-top: 7px; }這樣就行了。