引導

手機第一

手機第一

自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%;和高度:汽車;這樣它就能與父元素很好地伸縮。

Responsive image

排版和鏈接

Bootstrap為全局顯示(背景)、排版和鏈接樣式建立了基礎。

基本的全球顯示:在主體元素>上,設置background-color: #fff;。

排版:字體基由@font-family-base、@font-size-base和@line-height-base屬性定義。

聯係方式:通過@link-color屬性設置全局鏈接顏色,並且隻在:hover上應用鏈接下劃線。

標準化:Bootstrap使用Normalize來提供跨瀏覽器的一致性。

css的重置已經被css所取代,這是一個現代的、支持html5的替代品。這是一個簡單的CSS文件,它提高了HTML元素默認樣式在跨瀏覽器中的一致性。

Baidu
map