關于禁用bootstrap響應式解決方法

前幾天接到一個任務，用bootstrap架構寫幾個靜态頁面，由于長時間專注于背景開發，是以，花費了3天時間，才終于寫完了頁面，其中，來回的修改，把遇到的問題說一下。

用bootstarp做完頁面後，組長當時又改變主意了，說不用bootstrap，或者禁用bootstrap響應式，沒辦法，隻有禁用響應式，花費時間最短了，去bootstrap官網上看，禁用響應式的話，第一：去掉頭部

<meta name="viewport" content="width=device-width, initial-scale=1.0”>

。第二：設定.container寬度，比如：

container{ width: 1170px; max-width: none !important; }

第三：采用.col-xs-（最小裝置栅格類）的樣式來代替.col-md-以及.col-lg-*。

但是，此時問題并沒有結束。

現在給container一個固定寬度,白色背景的導覽列寬度可以鋪滿浏覽器，但是，随着螢幕變小，導覽列白色背景就不能鋪滿浏覽器變小後的寬度！還有就是我的輪播圖也是要求鋪滿浏覽器寬度，現在也變得居中顯示了，心裡想，早知道就不用bootstrap了，難道我現在還有重寫頁面？上網查了一下，沒有找到解決方法，後來，靈機一動，我可以給body一個寬度啊，或者給導覽列和輪播圖分别也設定相同的寬度，這個時候的問題，就是，設定多少寬度合适啊？發現，不能這樣做！

最後，用火狐調試代碼的時候，無意之間發現了這個好東西，@media ，但是，我自己設定了，在浏覽器上沒反應，無語了，最後，花費了一點時間發現這個樣式沒寫對。

是以，解決導覽列和輪播圖響應式問題的，第四點就是：

@media screen and (max-width: 1400px) { body{ width: 1400px; } }

他的意思就是，當螢幕小于1400px的時候，把body寬度設定為1400px.不知道的讀者可以上網學習一下，這可是一個好東西！

最後，說一下，top指的是position絕對定位時的top。關于對span設定寬度和高度是沒有作用的，他不是塊級元素，div是塊級元素，span是行内元素。如果想用span實作下圖中的按鈕，隻需要根據需要設定padding即可。(padding:20px 20px等)

由于不是前端人員，是以對這些樣式不是很熟，不喜勿噴。