2015-10-15 69 views
0

我正在使用傳送帶模板頁面,並且它帶有NavBar的代碼,當屏幕寬度小於某個px大小時,它會摺疊。我在實時預覽中使用了括號,導航欄會正常摺疊。摺疊導航欄不再出現,發生了什麼?

我所做的更改在導航欄的旋轉木馬和字體大小。現在,當屏幕寬度很小時,導航欄不會顯示單個列表項目(如預期的那樣),但摺疊導航的按鈕不會顯示。

我使用Chrome瀏覽器查看。

http://getbootstrap.com/examples/carousel/

編輯:我想通了什麼事。

我改變從汽車下面到的1000像素一個固定的寬度。這導致我的下拉按鈕在小寬度時顯示離開頁面的方式。

.navbar-wrapper .navbar .container { 
    width: auto; 
} 

爲了解決這個問題,我加在CSS的媒體查詢部上面的代碼(但設定爲1000像素),以使得它僅適用於更大的寬度的屏幕。

+0

能否請您提供您所進行的更改和代碼? – BCoder

+0

請提供一個jsfiddle示例。 –

+0

我想通了,看我的編輯。我重寫了更大屏幕尺寸的CSS,但沒有意識到它會將我的下拉按鈕移動到遠離屏幕的位置。 – Badrush

回答

0

我想通了什麼事。

我改變從汽車下面到的1000像素一個固定的寬度。這導致我的下拉按鈕在小寬度時顯示離開頁面的方式。

.navbar-wrapper .navbar .container { 
    width: auto; 
} 

爲了解決這個問題,我加在CSS的媒體查詢部上面的代碼(但設定爲1000像素),以使得它僅適用於更大的寬度的屏幕。