使用引導程序的響應式CSS規則

我希望我的網站的某些部分在移動設備上縮小尺寸。是否可以通過引導來觸發這些更改，而不是根據頁面寬度手動添加響應式css規則？使用引導程序的響應式CSS規則

例如，通過反覆試驗，我發現只要瀏覽器寬度小於767px，我就知道bootstrap3從固定寬度切換到可變寬度，摺疊navbar。我希望我的頁面的其他元素同時顯示樣式。有沒有對這些改變從引導響應規則觸發/繼承了天然的/天然的方式，而不是手動添加

@media screen and (min-width: 767px)

2013-08-12 Jeroen

爲什麼不使用bootstrap提供的一些響應類？像「col-lg-12」，「hidden-sm」等？ – Caelea

，最好的辦法是將自舉類在你的代碼。另外使用實用程序類來顯示和隱藏設備的內容。他們將隱藏或顯示div的在一個給定的屏幕尺寸與這些類：

.visible-phone 
.visible-tablet 
.visible-desktop 
.hidden-phone  
.hidden-tablet 
.hidden-desktop

（電話767px及以下，片979px到768px）。

更新：本週時過境遷，白手起家新版本有不同的類別：

老=。可見手機新=。可見-SM

老=。可見，平板電腦新= .visible- MD

老=。可見桌面新=。可見，LG

舊= .hidden手機新= .hidden-SM

舊= .hidden-平板電腦新= .hi dden-MD

舊= .hidden桌面新= .hidden-LG

更多的變化很容易在the migration guide

更新觀察：新類以 '看得見' 都贊成被否決規範CSS顯示屬性的類。請參閱bootstraps explanation

2013-08-12 11:32:29

正是在尋找什麼，這些類的更新版本，謝謝！ – Mastro

首字母縮寫詞代表什麼（'lg'，'sm'，'md'）？它是大型的，小型的還是中型的？ – Unidan

而不是使用「手機」，「平板電腦」等邊框將因淡入淡出（考慮能夠撥打電話的平板電腦），這些類表示設備大小的指示。是的，大，中，小。現在也是xs，超小。 http://getbootstrap.com/css/#responsive-utilities-classes –

回答