Bootstrap作為針對響應式設計和移動優先的前端web開發，是當下最流行的設計框架之一。使用 免費的Bootstrap UI工具包讓原型設計和網頁設計變得更加簡單。
摹客的小伙伴們為大家整理了一批使用Bootstrap構建的免費UI工具包，你可以將其用作設計的起點。為方便大家學習，今天為大家分享的這些UI工具包主要從以下幾個方面分類：
- Bootstrap HTML UI工具包
- Bootstrap XD UI工具包
- Bootstrap 材料設計及模板
免費Bootstrap HTML UI工具包
1. Get Shit Done Kit
這款免費的Bootstrap 3 UI工具包提供響應式設計和易於使用的設計元素。該工具包包含22個組件，3個自定義插件和1個示例頁面。並且，它提供了所有必要的CSS資源，只需在HTML模板中包含“css/ get-shit-done.css”即可使用。
2. Shards Dashboard Lite React
Shards是一個基於Bootstrap4的現代設計系統，包含10個額外的自定義組件和2個預構建的登陸頁面。 整個文件非常輕巧，其樣式表壓縮后僅為13KB。默認情況下，Shards支持Material和FontAwesome包。
3. Bootstrap3 Vector UI Kit
-
此UI工具包包含矢量格式的所有Twitter Bootstrap 3 UI控件，包含所有經過切片，樣式化的基本UI元素和HTML編碼。該工具包支持三種不同格式的下載：PDF，Sketch和AI。
4. Bootstrap 4 UI kit
Bootstrap-ecommerce ui kit是一個開源工具包工具包, 其HTML，CSS和JS技術允許將這個工具包適用於電子商務網站，市場營銷和產品預訂網站的開發。現成的插件方便快速制作原型。 另外，該工具包還包括電子商務模板入門工具包。
5. Stream
-
Stream UI Kit是一款開源Bootstrap4 UI Kit，包含5個漂亮的完整頁面，包括20多個可重復使用和可自定義的UI模塊，例如色彩，排版，字體，按鈕等等。
免費Bootstrap XD UI工具包
1. Adobe XD Bootstrap 4 UI Kit
這是一款基於流行的前端框架Bootstrap 4的免費Adobe XD UI工具包，包括所有組件例如表格、圖片、按鈕、字體、顏色等等。使用此UI工具包可輕松設計基於引導程序的站點。
2. Adobe XD Bootstrap 4 Grid Template
目前XD還不具有創建布局網格的功能。有了這款工具包，你也可以輕松創建網格。它提供4種不同屏幕尺寸的網格。
3. Takeme
-
這是一款主打旅游題材的Bootstrap UI工具包，系統的組件和建站元素有助於快速打造旅游類網站並提升工作流程。該工具包支持三種不同格式的下載：PS，Sketch和XD。
4. Universal Web UI Kit
這款時尚簡約的工具包包括523 UI組件，用於創建現代化的在線商店，博客，雜志或在線媒體。貼心的設計師提供了2種顏色的排版系統，你可以根據需要更改文本樣式，顏色，添加或替換照片和圖形或自定義模板。
5. Malta Financial IOS app UI Kit
-
Malta是一個非常優秀的UI工具包，包含20多個iPhone XS尺寸的金融應用程序屏幕。所有組件都可完全自定義。工具包中使用了免費的Google字體和多種免費圖標。適用於Sketch，Photoshop，XD和Figma。
PS：以上5款免費Bootstrap XD UI工具包均可借助摹客iDoc進行智能標注、一鍵切圖，將設計稿快速交付給前端工程師，實現網頁快速開發~
Bootstrap材料設計
什么是Bootstrap材料設計呢？
Bootstrap的MaterialDesign是一個基於Bootstrap的開源工具包，用於使用HTML，CSS和JS開發MaterialDesign應用程序。 使用我們的Sass變量和mixins，響應式網格系統，廣泛的預構建組件以及基於jQuery構建的強大插件，快速構建你的想法或構建整個應用程序。
優秀Bootstrap材料設計案例
1．Bootstrap 4 & Material Design -作品集模板
-
此模板使用MDBootstrap構建，是一個功能強大且免費的UI工具包，包含400多個素材UI元素，600多個素材圖標，74個CSS動畫，SASS文件，模板，教程等等。完全響應式的設計使它可以在各種尺寸的屏幕上完面呈現。
2. MaterialKit -材料設計模板
-
Material Kit是一款免費的Bootstrap4 UI工具包，采用全新設計，靈感源自Google的材料設計。包含60個組件，3個示例頁面和2個完全可自定義的插件。
3. React Admin Dashboard Template – 儀表盤模板
-
這款免費的響應式儀表盤模板包含眾多不同風格的儀表板和數據演示組件。采用最新的Bootstrap4，React JS和Material Design構建，可免費用於個人和商業用途。
此模板使用MDBootstrap構建，包含500多個素材UI元素，600多個素材圖標，74個CSS動畫，SASS文件，模板，教程等。
4. Landing Page Template – 登錄頁模板
-
這款着陸頁模板提供了完整或半頁的簡介，CTA按鈕，表格和許多其他重要組件。包含400多個素材UI元素，600多個素材圖標，74個CSS動畫，SASS文件，模板，教程等。
5. Material Admin –后台管理模
-
Material Admin是完全使用Bootstrap框架構建的免費管理模板，提供按鈕、圖標、表格、排版等基礎組件。
總結：
以上就是摹客為大家分享的15款優秀的免費Bootstrap UI工具包。在Bootstrap 框架的基礎上，構建美觀且響應迅速的網頁已經非常流行且便捷了。希望你能從這些免費的Bootstrap模板中獲取靈感，並在下一個設計項目中使用起來。