自Bootstrap 3發布以來,該框架已經轉變為移動優先的方法。這意味著“移動優先”的樣式可以在整個庫中找到,而不是在單獨的文件中。要在移動設備上啟用適當的渲染和觸摸縮放,向元素添加viewport meta標記。
<元的名字=“視口”內容="width = device-width, initial-scale = 1.0">
Maximum-scale = 1.0通常與user-scalable = no一起使用。如前所述,使用user-scalable = no可能會給用戶帶來與原生應用類似的體驗,因此Bootstrap並不鼓勵這樣做。
響應的圖片:
通過添加類。img響應到Bootstrap 3中的img>標簽,您可以使圖像響應。圖片的屬性是max-width: 100%;和高度:汽車;這樣它就能與父元素很好地伸縮。
排版和鏈接
Bootstrap為全局顯示(背景)、排版和鏈接樣式建立了基礎。
基本的全球顯示:在主體元素>上,設置background-color: #fff;。
排版:字體基由@font-family-base、@font-size-base和@line-height-base屬性定義。
聯係方式:通過@link-color屬性設置全局鏈接顏色,並且隻在:hover上應用鏈接下劃線。
標準化:Bootstrap使用Normalize來提供跨瀏覽器的一致性。
css的重置已經被css所取代,這是一個現代的、支持html5的替代品。這是一個簡單的CSS文件,它提高了HTML元素默認樣式在跨瀏覽器中的一致性。