Bootstrap 3 3 7學習筆記3

2021-08-02 14:40:16 字數 879 閱讀 3159

強調一段文字有啥選擇呢?

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用於所有裝置

print

用於印表機或列印預覽

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 小螢幕 螢幕...