9個適用于React，Vue，Angular的Bootstrap UI組件庫
Bootstrap是世界上最受歡迎的前端框架，旨在能讓各種工具保持一致。它包含排版，表單，按鈕，以及基于HTML和CSS的網站模板與其他UI組件。
隨著React，Vue和Angular之類的框架和庫的興起，我們構建的許多項目都將Bootstrap列入一組可重用的UI組件。為了幫助你快速入門，我們收集了一些最佳的UI組件，這些組件使用現代框架實施Bootstrap。而使用這些組件常常被開發者社區中的很多人認為是明智的選擇。使用Bit（GitHub），你可以發現并重用這些庫或你自己的組件中的特定組件。并與NPM / Yarn一起安裝使用。1、React Bootstrap
React-bootstrap可能是React中最流行的Bootstrap 3 + Bootstrap 4組件實現（1.4萬 stars ，每周下載30萬次）。每個組件都是作為React組件從頭開始構建的，完全依賴于Bootstrap樣式表來與現有的Bootstrap主題一起使用。2、Reactstrap
Reactstrap是一個“無狀態React Bootstrap 4組件”庫，具有超過6K stars ，不依賴于Bootstrap Javascript。但是，依賴于通過react-popper的Poppers.js來對內容進行高級定位，例如工具提示，彈出窗口和自動翻轉下拉菜單。內容由props.children組成，而不是使用命名的props傳遞到Components中。3、 Material Design React Bootstrap
這個庫是一組帶有Material Design的React Bootstrap組件。組件提供了跨瀏覽器的兼容性，可與Chrome，Firefox，Safari，Opera和Microsoft Edge完美配合。包括對Flexbox布局系統的全面支持，以幫助解決對齊問題，并且文檔豐富且有用。你可以觀看此簡短的快速入門視頻（視頻地址：https://www.youtube.com/watch?v=ozXDtSi5ByM）以幫助你快速使用。4、BootstrapVue
BootstrapVue是適用于Vue.js的Bootstrap 4組件，網格系統的全面實現，頗受開發者的歡迎，（有6.5k stars ），它帶有大量且自動的WAI-ARIA可訪問性標記。它是為了使用Vue.js和Bootstrap 4 進行響應式開發，移動項目優先而構建的。它還提供了兩個有用的vue-cli模板webpack-simple和webpack。5、UIV
在Vue 2中實現的一組Bootstrap 3 UI組件。它輕巧，所有組件壓縮了20KB，僅依賴于Vue和Bootstrap CSS。你可以單獨導入組件，這些組件所有現代瀏覽器（IE 9+）均支持，還支持SSR。6、Material Design React Bootstrap
該庫具有400多個UI元素，600個圖標和70個CSS動畫，是基于Bootstrap和Vue功能的，有豐富的UI組件。其主要優勢是響應速度快，兼容大部分瀏覽器并且可進行高度定制。7、NG Bootstrap
Angular 6和Bootstrap 4是使用Angular組件構建的響應式布局的組合組件。NG-Bootstrap用TypeScript編寫，具有100％的測試覆蓋率，它唯一的依賴項是Angular和Bootstrap 4 CSS，并且此組件庫在進行積極維護。8、AngularJS Bootstrap
目前有15k stars，該庫是一組用于Bootstrap的Native AngularJS指令，這些指令占用空間小（壓縮20kb），并且沒有JS依賴項（jQuery，bootstrap JS）。你可以在這里（地址：http://angular-ui.github.io/bootstrap/#!#getting_started）下載v2.5，并在這里（地址：http://angular-ui.github.io/bootstrap/#!#getting_started）查看指令。9、NGX Bootstrap
ngx-bootstrap 有4.5K stars 。使用Angular實現Bootstrap 3和4小部件。它包含所有Bootstrap 標記和Bootstrap CSS核心組件，因此你無需使用原始JS組件。你就可以實現自己的模板和樣式，并且所有組件的設計都具有可擴展性和適應性，并具有針對移動設備和臺式機的標準化性能。你可以在這里（地址：https://valor-software.com/ngx-bootstrap/#/）嘗試組件。
本站僅提供存儲服務，所有內容均由用戶發布，如發現有害或侵權內容，請
點擊舉報。
