bootstrap進一步學習

顏色——背景色和前景色(文字顏色)
在這裏插入圖片描述
下圖是對比顏色
在這裏插入圖片描述
在這裏插入圖片描述
設置盒子的高 和寬
在這裏插入圖片描述

內邊距和外邊距在bootstrap裏面的應用
在這裏插入圖片描述
在這裏插入圖片描述
設置值爲0,可以設置爲零邊距

按鈕的各種設定
在這裏插入圖片描述
在這裏插入圖片描述

佈局網格系統,bootstrap自動把頁面寬度分爲12個寬,我們設置列寬,只需要指定是12分之幾寬就可以了
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
響應式佈局(自己根據瀏覽設備的不同,顯示不同的樣式)
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

下圖是響應式佈局的寫法
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
表格的使用
在這裏插入圖片描述
在這裏插入圖片描述

Tab的使用
在這裏插入圖片描述
上圖是基本結構

下面實現tab效果
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
當鼠標經過一段詞時候,先顯示提示框,這種效果的實現
在這裏插入圖片描述在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
導航條的漢堡效果,就是當用手機查看網頁時,導航欄的項目欄會消失,變成三條橫線,當點擊時候,消失的項目欄會出現!

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述