bootstrap基礎學習

2021-08-21 16:31:14 字數 687 閱讀 7177

簡潔、直觀、強悍的前端開發框架,讓web開發更迅速、簡單。(常用)

哦,還有bootstrap是基於jquery的,所以之前要先引入jquery

1.bootstrap把螢幕分成四個狀態:

(1) lg 大螢幕   螢幕寬度大於1200px

(2) md 中等螢幕   螢幕寬度992-1200px

(3) sm 小螢幕   螢幕寬度大於769-992px 

(4) xs 極小螢幕   螢幕寬度大於768px

2.bootstrap把螢幕的寬度分成12份

3.寫柵格系統的步驟

(1)先準備乙個容器  .container  .container-fluid(全屏)

(2)準備乙個.row 行

(3)在row裡面寫柵格   col-*-n    *:螢幕型別 (lg....)   n :所佔份數

注意點:1.不寫大螢幕下的設定,大螢幕下會使用小螢幕的設定

2.不寫小螢幕的設定,小螢幕不會使用大螢幕的設定

先寫到這裡吧,bootstrap還有其他的元件和全域性樣式之後介紹

Bootstrap基礎學習

bootstrap是乙個基於柵格結構的前端結構框架 當然也有js,jquery 它的優點是內容框架能夠迅速搭建起來,基於媒介查詢可以使搭建的頁面迅速的適應不同的使用者端,無論是手機,平板,還是pc,基本上都能自適應,當然新版本已經開始不支援ie6了,對ie8的支援也很有限,畢竟ie8對html5的支...

Bootstrap學習筆記1 基礎

固定寬度 100 內容排版的標籤 36px 30px 3 24px 4 18px 5 14px 12px page header 設定頁頭,給標題加一條分隔線 副標題,小一號 副標題,大一號 推薦使用的加粗 推薦使用的傾斜 推薦使用的刪除 文字對齊方式 text left 左對齊 text righ...

Bootstrap入門基礎

最近需要做乙個簡單的web頁面。考慮到前端經驗不足,為了快速產出,同時專案只是乙個工具,對專案沒有什麼要求,所以我選擇了bootstrap這個框架作為web框架。寫從零 學習 bootstrap 的初衷 讓我們先從bootstrap的最簡單的模板開始 讓我們一行行的來看 我用 代表解釋 代表這是ht...