bootstrap 有哪些常用元件？
這裡是修真院前端小課堂，每篇分享文從
【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】
八個方面深度解析前端知識/技能，本篇分享的是：
【 bootstrap 有哪些常用元件？】
【修真院 web（職業）小課堂】課題名稱
bootstrap 有哪些常用元件？
大家好，我是 IT 修真院 鄭州分院第 14期的學員 王亞龍，今天給大家分享一下，修真院官網 web（職業）任務 8，深度思考中的知識點——bootstrap 有哪些常用元件
（1）背景介紹：
Bootstrap
是美國 Twitter 公司開發的簡潔、直觀、強悍的 前端開發框架，作用呢使得 Web 開發更加快捷。 Bootstrap 提供了優雅的 HTML 和 CSS 規範，它即是由動態 CSS 語言 Less 寫成。Bootstrap 一經推出後頗受歡迎，一直是 GitHub 上的熱門開源專案 國內一些移動開發者較為熟悉的框架，如 WeX5 前端開源框架等，也是基於 Bootstrap 原始碼進行效能優化而來。
（2）知識剖析：
目前常用的 bootstrap 元件：
輪播圖
導航欄
下拉選單
3）常見問題：
1,背景顏色怎麼更改
2,使用 bootstrap 是需要注意的問題
3.導航欄左右內容控制
（4）解決方案：
1,背景顏色怎麼更改
直接在開發者工具裡找到其屬性進行修改
2,使用 bootstrap 是需要注意的問題
bootstrap 檔案裡面有很多預設設定，可能會在頁面上起作用，這個要注意一下。 還有就是. 當我們引入 bootstrap.js 和 jquery.js 檔案時我們要注意引入該檔案的先後順序，要先引入 jquery.js 在引入 bootstrap.js 按照這樣的順序來引入檔案， 否則就會報錯。 因為 bootstarp.js 檔案的開發是基於 jquery 開發的，所以要先引入 jquery.js 才可以使用 bootstrap。 而且引入網上 cdn 的話要注意 http 和 https 的區別，有時候應用不對的話也會報錯
3.導航欄左右內容控制
ML-AUTO將其拉到NAVBAR-NAV右邊，MR-AUTO將它拉到左邊
（5）編碼實戰
PreviousNext
（6）拓展思考：
如何處理現有外掛不能滿足需求的問題
bootstrap 可以根據需要定製，BootStrap 提供了根據自己需要的元件及 jquery 外掛進行定製，使用者也可以直接修改 Less 原始碼。
如果不想整體上修改，也可以在元件上直接新增一個自定義的類，來覆蓋 bootstrap 的預設屬性。 需要注意的是 bootstrap 的樣式權重很高，有可能需要我們使用! important 來增加權重
7）參考文獻：
參考一： bootstrap中文網
參考二： 菜鳥教程
（8）更多討論：
1，更改輪播圖時間
如果使用編譯的 CSS，則可以在編譯或自定義樣式之前.carousel-item使用$carousel-transitionSass變數更改過渡時間。如果應用了多個轉換，請確保首先定義轉換轉換（例如transition: transform 2s ease, opacity .5s ease-out）
2.更改按鈕樣式要注意什麼
更改是要注意其中的背景顏色，陰影效果。文字顏色，hover效果等
更多內容，可以加入IT交流群565734203與大家一起討論交流
這裡是技能樹·IT修真院：https://www.jnshu.com，初學者轉行到網際網路的聚集地