我正在嘗試使用bootstrap-sass (2.1.0.0)來設計響應式的Ruby on Rails 3.2.8站點。這是我第一次嘗試使用Rails或Bootstrap進行響應式設計。響應式bootstrap-sass設置
問題是我的一些CSS樣式正在與適當的選擇器匹配,但不是全部。具體來說,我在Custom.css.scss中應用的自定義樣式(如.navbar-fixed-top
)既出現在我編譯的custom.css樣式表中,也出現在瀏覽器中呈現的頁面上。然而,.navbar-fixed-top
的響應Bootstrap樣式出現在已編譯的custom.css中(根據Chrome的Inspector),但是不是出現在瀏覽器中呈現的頁面上。
如果在custom.css.scss中,我將@import "bootstrap-responsive";
更改回默認@import "bootstrap";
,則呈現的頁面上將顯示.navbar-fixed-top
的引導樣式。這個問題似乎與具體的響應性有關。
我很難找到與我的具體問題相關的信息。在找到this question後,我將引導程序默認meta name="viewport"
標記更改爲<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
,但我的問題不是iPhone特定的。
我也在解決此問題時重新啓動了$ rails server
。
我對如何解決這個問題感到茫然。任何幫助將非常感激。