強調一段文字有啥選擇呢?
1. .lead
lead
@media (min-width: 768px)
}
可見.lead類的文字還是挺大的!body預設的大小才14px。
知識點:
@符號在css裡面是啥?
答:@,named as 「at-rule」, 是一種告知css在特殊情況下對某些格式進行變化的方式。它有很多具體例項:@charset,@import,@namespace,@document,@font-face,@keyframes,@media。。。。。等等。這裡遇到的@media就是第乙份筆記裡面說的media queries,當時實在那個超級簡單bootstrap html 檔案head部分當中因為ie9一下的瀏覽器不支援@media,所以特別新增了乙個js檔案來使其支援。@media的語法是
@media mediatype and|not|only (media feature)mediatype 的值有(只是一部分)
value
description
all用於所有裝置
用於印表機或列印預覽
screen
用於螢幕顯示
speech
用於帶螢幕的發聲裝置
這個博文裡面有一些內容及推薦。
2. html 自帶的and標籤就是加粗,在bootstrap中依舊。但為啥要刻意寫出來呢?不寫下面這句不是一樣的麼。。也許就是為了達到表述上清楚吧!
b,
strong
3. html中的,and 標籤就是用italic斜體去強調。 bootstrap學習筆記
學習 然後對bootstrap進行引用 柵格系統中,列數是12,行數不固定 例項 手機 平板 桌面 在上面案例的基礎上,通過使用針對平板裝置的 col sm 類,我們來建立更加動態和強大的布局吧。col xs 12 col sm 6 col md 8 col xs 6 col md 4 col xs...
bootstrap學習筆記
1 引入的檔案 script script 2 柵格系統布局 bootstrap把頁面設定為12列,通過改變列的數字來進行布局。col xs 4 指小於768px的小裝置 11 col sm 4 指 768px的裝置 22 col md 4 指 992px裝置 33 col lg 4 值1200px...
bootstrap基礎學習
簡潔 直觀 強悍的前端開發框架,讓web開發更迅速 簡單。常用 哦,還有bootstrap是基於jquery的,所以之前要先引入jquery 1.bootstrap把螢幕分成四個狀態 1 lg 大螢幕 螢幕寬度大於1200px 2 md 中等螢幕 螢幕寬度992 1200px 3 sm 小螢幕 螢幕...