bootstrap是全球最受歡迎的前端元件庫，用於開發響應式布局、移動裝置優先的web專案
bootstrap裡面的布局模式：固定布局（固定寬高）
**查尋
流動布局container-fluid
最流行的系統：網格系統
類似於table
row 行
col-*-列
sm lg md xl 代表螢幕解析度小 中 大 超大 可以根據螢幕的大小調節所佔比例
一行最大十二列 多出的列會自動折行
col-xl-auto 是根據內容自動變換
col--num 列 後面的數字代表跨幾列
offset-1 設定margin-left向左偏移乙個
invisible 隱藏元素
visible 顯示元素
p-0 padding：0
p-1 padding：0.25rem
pt py
align-items-center相對父容器垂直居中
align-items-start相對父容器頂部對其
align-items-end相對父容器底部對齊
align-content-center考慮多行
align-self-center 自身在flexbox中的y軸分布
justify-content-center 子元素在父容器裡面的x軸的排布情況
float-left 左浮動
float-right 右浮動 元素浮動根據解析度選擇
text-center 水平居中 justify left right sm xl md lg
文字顏色的類
text-*
響應式：img-fluid
給加外邊框 img-thumbnail
7 19 學習心得
vim的三種模式 插入模式 i 命令模式 開啟檔案即可 底行模式 esc 處於命令模式時有這樣幾個快捷鍵 數字 x 刪除幾個字元 數字 dd 剪下幾行 數字 yy 複製幾行 p貼上 之後可以查詢內容，n下乙個，shift n上乙個 u 撤銷 shift zz可以退出文字編輯。底行模式 數字 將滑鼠游...
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...