40 个超棒的免费 Bootstrap HTML5 网站模板

落日映苍穹つ 2022-04-12 07:55 717阅读 0赞

Bootstrap 是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

目前 [team.oschina.net][] 团队协作开发平台正在使用 Bootstrap 框架。

本文收集了 40 个精美的使用 Bootstrap 构建的网站模板供大家参考。

### Landing Page ###

![Landing Page - free bootstrap templates][]

A simple, elegant, and beautifully responsive landing page theme for Bootstrap 3 websites.

[Download][] || [Demo][]

### Agency ###

![Agency - free bootstrap templates][]

Agency is a stylish, one page Bootstrap theme for agencies and small businesses.

[Download][Download 1] || [Demo][Demo 1]

### Shield ###

![Shield - free bootstrap templates][]

This bootstrap theme is a single page, agency template. It contains Team information, as well as expandable project information.

[Download][Download 2] || [Demo][Demo 2]

### Design Agency ###

![Design Agency - free bootstrap templates][]

Design agency template with video background and parallax scrolling.

[Download][Download 3] || [Demo][Demo 3]

### Worthy ###

![Worthy - free html5 templates][]

Worthy is a free Multipurpose One Page Template based on Bootstrap 3 Framework. You can use it for corporate, business and agency webpages as well as portfolio and personal webpages.

[Download][Download 4] || [Demo][Demo 4]

### Corlate ###

![Corlate - free html5 templates][]

Corlate is a clean, one page responsive template that includes Font Awesome, css3 animations, it’s own bootstrap carousel slider and shortcodes which allows you to easily create tabs, accordion slides, pricing table or gallery.

[Download][Download 5] || [Demo][Demo 5]

### Nine Stars ###

![Nine Stars - free html5 templates][]

A single page Bootstrap theme ideal for a startup template. It is comprised of various sections such as expandable product and personal information, a gallery and a contact form.

[Download][Download 6] || [Demo][Demo 6]

### Cyprass ###

![Cyprass - free html5 templates][]

[Download][Download 7] || [Demo][Demo 7]

### Spirit8 ###

![Spirit8 - website templates][]

Check out this new freebie for the week. Spirit8 is bootstrap based HTML template suitable for digital and agency website. It is responsive, and user friendly theme. Coded by Jenn Pereira and Designed by Robert Berki. Use this for any use – personal or commercial.

[Download][Download 8] || [Demo][Demo 8]

### My Charity ###

![My Charity - website templates][]

My Charity is a clean, flat and professional charity category template for foundations and orphans website. It can be customized easily to suit your wishes.It comes with a free Flat Responsive web design template. You can use this template for any type of websites. This web template is built in a Fancy style however it can be used as per the user requirements.

[Download][Download 9] || [Demo][Demo 9]

### United Comms ###

![United Comms - website templates][]

United Comms is a clean, Flat and Professional Corporate Category Bootstrap Template for agencies and creative studios. It can be customized easily like any corporate website. It comes with free Flat Responsive web design template. You can use this template for any type of Corporate websites. United Comms web template is built in a Fancy style however it can be used as per the user requirements.

[Download][Download 10] || [Demo][Demo 10]

### Timber ###

![Timber - website templates][]

If you want to catch the visitors’ eyes on your website and get them interested, you should concentrate your attention on choosing the stylish and original design which will help your web project to stand out from the rest.

[Download][Download 11] || [Demo][Demo 11]

### SinglePro ###

![SinglePro - free website templates][]

SinglePro is a free bootstrap onepage business corporate html5 template which is designed by WpFreeware team. In this template you will find all of those features that a business portfolio website need.

[Download][Download 12] || [Demo][Demo 12]

### DevAid ###

![DevAid - free website templates][]

Here is a great looking template for developers. It comes with 4 colour schemes, and social links for GitHub, Twitter and Facebook to promote your project. The source LESS files are included. It is 100% responsive and easy to customize.

[Download][Download 13] || [Demo][Demo 13]

### Payroll ###

![Payroll - free website templates][]

Payroll is a clean, Flat and Professional Corporate Category Bootstrap Template for agencies and creative studios. It can be customized easily like any corporate website. It comes with free Flat Responsive web design template.

[Download][Download 14] || [Demo][Demo 14]

### App Zone ###

![App Zone - free website templates][]

Nice template for Landing Page. Main feature here – you can navigate through template by the menu on the right. Sure you can scroll using your touchpad. Flat design and blue color scheme nice solution for this Landing page template. And shure we build it on Bootstrap 3.

[Download][Download 15] || [Demo][Demo 15]

### Grayscale ###

![Grayscale - bootstrap templates 2015][]

Grayscale is a multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations.

[Download][Download 16] || [Demo][Demo 16]

### SB Admin 2 ###

![SB Admin 2 - bootstrap templates 2015][]

SB Admin 2 Bootstrap admin theme, dashboard template, or webapp UI starter. The theme features a variety of custom jQuery plugins to add extended functionality past the built in Bootstrap UI features.

[Download][Download 17] || [Demo][Demo 17]

### Landing Page ###

![Landing Page - bootstrap templates 2015][]

Landing Page is a responsive landing page theme for Bootstrap 3.

[Download][] || [Demo][Demo 18]

### Fashion Spring ###

![Fashion Spring  - bootstrap templates 2015][Fashion Spring - bootstrap templates 2015]

Fashion Spring free bootstrap 3 template that can easily be used as your new personal portfolio. It provides a modern, flat,responsive design.

[Download][Download 18] || [Demo][Demo 19]

### Flask Landing ###

![Flask Landing - html5][]

Bootstrap Flask Landing Template is free to use template for personal an commercial usage. This template is built with twitter bootstrap 3 and has very clean code which will make you easy to customize this template. Use It in your next project and save your time.

[Download][Download 19] || [Demo][Demo 20]

### Maxop ###

![Maxop - html5][]

Maxop is an awesome, multi-page Bootstrap Theme from binary themes. Its clean, and responsive and could be a great way to show your company to the world!

[Download][Download 20] || [Demo][Demo 21]

### Moderna ###

![Moderna - html5][]

Moderna Bootstrap 3 WordPress theme for corporate business. This theme is WordPress version of existing freebie ‘Moderna HTML template‘.

[Download][Download 21] || [Demo][Demo 22]

### Ninestars ###

![Ninestars - html5][]

Ninestars is one page Bootstrap HTML template for creative or portfolio. I added something different in menu, use slide out sidebar menu like Google nexus website from Codrops site instead of standard Bootstrap navigation.

[Download][Download 22] || [Demo][Demo 23]

### We+ Coming ###

![We+ Coming - templates][We_ Coming - templates]

Plus Coming Landing Page Template is a responsive theme built with bootstrap 3; it can be used for any kind website. It has very clean code and made with love. It is simple to customize for your own needs.Use it for personal and commercial work in exchange just give us credits and we will be happy.

[Download][Download 23] || [Demo][Demo 24]

### Shuffle ###

![Shuffle - templates][]

Shuffle clean and sleek one page site template built with Bootstrap 3.1.1. This template designed for creative people or designer to represent profile & portfolio online.

[Download][Download 24] || [Demo][Demo 25]

### Bocor ###

![Bocor - templates][]

Bocor has simple sleek layout design with nice light weight scrolling animation. You can use this template for personal or commercial project.

[Download][Download 25] || [Demo][Demo 26]

### The Firm ###

![The Firm - templates][]

A long scrolling Bootstrap template with centered navbar and multiple vertical sections. The header contains a full screen image carousel with dot navigation. The center navbar attaches once the user scrolls beyond the carousel / slider. This template also includes a modal lightbox thumbnail viewer that is ideal for a portfolio or image gallery. The contact form address drives the integrated Google maps location.

[Download][Download 26] || [Demo][Demo 27]

### Slider ###

![Slider - bootstrap][]

A Bootstrap carousel example with full width images, overlay navbar and dot navigation. The page content has 3 feature content blocks, and long scrolling alternating left and right aligned content sections.

[Download][Download 27] || [Demo][Demo 28]

### Corlate ###

### ![Corlate - bootstrap][] ###

Corlate is a free responsive business html template. Are you starting a new company website, new start-up project or may be you’re talented person who wants to introduce your work to whole World. Corlate template is for you. You can download it for free, customize it and use it as long you want.

[Download][Download 28] || [Demo][Demo 29]

### Brushed ###

![Brushed - bootstrap][]

Brushed is Free One Page Responsive HTML Template based on Twitter Bootstrap Framework. It is optimized for Retina Displays ( iPhone, iPad, iPod Touch and MacBook Pro Retina).

[Download][Download 29] || [Demo][Download 28]

### Flat ###

![Flat - bootstrap][]

Best free responsive WordPress Theme based on twitter bootstrap 3.0. Advanced theme option with shortcodes generator is the key feature of this theme. There are tons of custom post type for Accordion, Tab, Alert, Slider, Columns, Icons, Services and many more.

[Download][Download 30] || [Demo][Demo 30]

### Media ###

![Media - bootstrap template][]

Media is a clean bootstrap 3 built landing page. We highly suggest you check it out.

[Download][Download 31] || [Demo][Demo 31]

### Admin LTE ###

![Admin LTE - bootstrap template][]

Admin LTE is an absolutely stunning free Bootstrap dashboard theme from almsaeedstudio. It is fully responsive and built on top of Bootstrap 3.

[Download][Download 32] || [Demo][Demo 32]

### Progressus ###

![Progressus - bootstrap template][]

Progressus is a free, responsive, nice-looking business template based on Bootstrap HTML/CSS framework. 7 ready-made templates for most common tasks, trendy, responsive design and exceptional overall quality – everything will work for you and your business.

[Download][Download 33] || Demo

### Mobileapp ###

![Mobileapp - bootstrap template][]

Mobileapp a Flat Style Mobile App based template that comes with a free Flat Responsive web design template. You can use this template for any type of product based websites. This web template is built in a Fancy style however it can be used as per the user requirements. Mobileapp designed with a good color scheme and good grid style of elements.

[Download][Download 34] || [Demo][Demo 33]

### Kataklimt ###

![Kataklimt - bootstrap templates][]

[Download][Download 35] || [Demo][Demo 34]

### Apparel ###

![Apparel - bootstrap templates][]

[Download][Download 36] || [Demo][Demo 35]

### Kebrum ###

![Kebrum - bootstrap templates][]

Kebrumis a Flat Style Product-based responsive template that comes free at W3layouts. You can customize this best website template to suit any type of product-based websites.

[Download][Download 37] || [Demo][Demo 36]

### Starter ###

### ![Starter - bootstrap templates][] ###

Free WordPress One Page Theme is ready for you with all functionality. It has some awesome post type such as team, slider, projects and client. We wish Starter theme will be perfect for you.

[Download][Download 38] || [Demo][Demo 37]

via [idesignpixel][]

[team.oschina.net]: http://team.oschina.net/
[Landing Page - free bootstrap templates]: /images/20220412/c532bbdb50b045309eb1acfc5e072272.png
[Download]: http://startbootstrap.com/template-overviews/landing-page/
[Demo]: http://ironsummitmedia.github.io/startbootstrap-landing-page/
[Agency - free bootstrap templates]: /images/20220412/86f1b2cdd99a415f912c1bdb0b604ae0.png
[Download 1]: http://startbootstrap.com/template-overviews/agency/
[Demo 1]: http://ironsummitmedia.github.io/startbootstrap-agency/
[Shield - free bootstrap templates]: /images/20220412/5679400d341348e4b2e3205e01641cd0.png
[Download 2]: https://www.prepbootstrap.com/bootstrap-theme/shield
[Demo 2]: https://www.prepbootstrap.com/bootstrap-theme/shield/preview/index.html
[Design Agency - free bootstrap templates]: /images/20220412/8566513d864b41a99f5afc68debb52ba.png
[Download 3]: http://bootstrapzero.com/bootstrap-template/design-agency
[Demo 3]: http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/index.html
[Worthy - free html5 templates]: /images/20220412/bd3e0d8eb53444d1bbba1fff97a992b8.png
[Download 4]: http://bootstrapzero.com/bootstrap-template/worthy
[Demo 4]: http://htmlcoder.me/preview/worthy/v.1.0/
[Corlate - free html5 templates]: /images/20220412/ba436184f90c4ab1a0436e5e639c61eb.png
[Download 5]: http://bootstrapzero.com/bootstrap-template/corlate
[Demo 5]: http://shapebootstrap.net/demo/html/corlate/
[Nine Stars - free html5 templates]: /images/20220412/182501a3ea9148aca4e345892f7ba2b5.png
[Download 6]: https://www.prepbootstrap.com/bootstrap-theme/nine-stars
[Demo 6]: https://www.prepbootstrap.com/bootstrap-theme/nine-stars/preview/index.html
[Cyprass - free html5 templates]: /images/20220412/e9a79336d56f43f091fde93a4a8b6532.png
[Download 7]: http://shapebootstrap.net/item/cyprass-html5-responsive-business-template/
[Demo 7]: http://esrat.com/html/cyprass/videopage/
[Spirit8 - website templates]: /images/20220412/d4cc28034ecb47b7ae4f8329c87747a5.png
[Download 8]: http://shapebootstrap.net/item/spirit8-free-bootstrap-html-template/
[Demo 8]: http://themeforces.com/demo/freebies/tf-free-no.3/
[My Charity - website templates]: /images/20220412/dc372d137c8f4c219b94831c3a18343c.png
[Download 9]: http://w3layouts.com/charity-charity-category-flat-bootstrap-responsive-web-template/
[Demo 9]: http://preview.w3layouts.com/demos/my_charity/web/
[United Comms - website templates]: /images/20220412/f1a7e93ab6a147c0931f179d80491560.png
[Download 10]: http://w3layouts.com/united-comms-corporate-category-flat-bootstrap-responsive-web-template/
[Demo 10]: http://preview.w3layouts.com/demos/united_comms/web/
[Timber - website templates]: /images/20220412/37da1e7992f94d9abcb14655a92379b9.png
[Download 11]: http://www.gt3themes.com/bootstrap/timber-free-one-page-bootstrap-template/
[Demo 11]: http://www.gt3themes.com/website-templates/timber/
[SinglePro - free website templates]: /images/20220412/0ebc58adafb44ba4a877f54c0e0cf577.png
[Download 12]: http://shapebootstrap.net/item/singlepro-bootstrap-onepage-business-portfolio-template/
[Demo 12]: http://wpfreeware.com/themes/html/singlepro/
[DevAid - free website templates]: /images/20220412/282592ce1e0a45f19789443e0a4babd6.png
[Download 13]: http://bootstrapzero.com/bootstrap-template/devaid
[Demo 13]: http://themes.3rdwavemedia.com/demo/devaid/
[Payroll - free website templates]: /images/20220412/23bfd24dba7241689d3fb59e11cc1872.png
[Download 14]: http://w3layouts.com/payroll-corporate-category-flat-bootstrap-responsive-web-template/
[Demo 14]: http://preview.w3layouts.com/demos/payroll/web/
[App Zone - free website templates]: /images/20220412/496ba5c21e124390bd34a24bf3b34269.png
[Download 15]: http://www.bootshape.com/preview/bs/2.php
[Demo 15]: http://www.bootshape.com/templates/bs/2/html/
[Grayscale - bootstrap templates 2015]: /images/20220412/c69dd3471fd34cdebef6f54d0f993b58.png
[Download 16]: http://startbootstrap.com/template-overviews/grayscale/
[Demo 16]: http://startbootstrap.com/templates/grayscale/
[SB Admin 2 - bootstrap templates 2015]: /images/20220412/cbdff59fb43d45c481c011bd4ba96594.png
[Download 17]: http://startbootstrap.com/template-overviews/sb-admin-2/
[Demo 17]: http://startbootstrap.com/templates/sb-admin-2/
[Landing Page - bootstrap templates 2015]: /images/20220412/a1b33ff2c9a24ecf80d280738d9eb276.png
[Demo 18]: http://startbootstrap.com/templates/landing-page/
[Fashion Spring - bootstrap templates 2015]: /images/20220412/d9798e266d7a44b8ab217ad1b2adfdbd.png
[Download 18]: http://www.bootstrapstage.com/fashion-spring/
[Demo 19]: http://w3layouts.com/demos/fashion_spring/web/
[Flask Landing - html5]: /images/20220412/bbbc3e2d320e4d0a82422090b9c21411.png
[Download 19]: http://www.bootstrapstage.com/flask-landing/
[Demo 20]: http://www.binarytheme.com/btlivedemos/04-2014/13/bs-flask-landing/index.html
[Maxop - html5]: /images/20220412/e671d992832d46449cf6c5f296311dc9.png
[Download 20]: http://www.bootstrapstage.com/maxop/
[Demo 21]: http://www.binarytheme.com/btlivedemos/04-2014/26/bs-multipager-maxop/index.html
[Moderna - html5]: /images/20220412/e5305b9e70804158b08607971027fc04.png
[Download 21]: http://bootstraptaste.com/moderna-wordpress-theme-free/
[Demo 22]: http://bootstraptaste.com/wp/moderna/
[Ninestars - html5]: /images/20220412/16114619b13b4adabbcbd98a1d1ef747.png
[Download 22]: http://bootstraptaste.com/ninestars-free-bootstrap-3-theme-for-creative/
[Demo 23]: http://bootstraptaste.com/theme/ninestars/
[We_ Coming - templates]: /images/20220412/a4925e1ab63d430cb9f6009fb7badbc7.png
[Download 23]: http://www.bootstrapstage.com/coming/
[Demo 24]: http://www.binarytheme.com/btlivedemos/04-2014/13/bs-plus-coming/index-slideshow.html
[Shuffle - templates]: /images/20220412/cdb1e51f314a4df2b6e4102cecbb1deb.png
[Download 24]: http://bootstraptaste.com/bootstrap-3-one-page-template-free-shuffle/
[Demo 25]: http://bootstraptaste.com/theme/shuffle/
[Bocor - templates]: /images/20220412/56c00faab54041c4956e7d4d27bd75d3.png
[Download 25]: http://bootstraptaste.com/bocor-bootstrap-template-nice-animation/
[Demo 26]: http://bootstraptaste.com/theme/bocor/index.html
[The Firm - templates]: /images/20220412/04deee02d80d4354b43b61eba1a10e97.png
[Download 26]: http://bootstrapzero.com/bootstrap-template/the-firm
[Demo 27]: http://www.bootply.com/render/102931
[Slider - bootstrap]: /images/20220412/250f800a87264582a4d9c30a9400fa24.png
[Download 27]: http://bootstrapzero.com/bootstrap-template/slider
[Demo 28]: http://www.bootply.com/render/62603
[Corlate - bootstrap]: /images/20220412/6ce44f05e2b849a68517bf7661e08fa2.png
[Download 28]: http://shapebootstrap.net/item/corlate-free-responsive-business-html-template/
[Demo 29]: http://shapebootstrap.net/wp-content/plugins/shapebootstrap/demo.php?id=439
[Brushed - bootstrap]: /images/20220412/f6032fbdcd024547aef1536ce9a376a2.png
[Download 29]: http://www.alessioatzeni.com/blog/brushed-template/
[Flat - bootstrap]: /images/20220412/5c364f9321214a299b50bb0aec2a598e.png
[Download 30]: http://shapebootstrap.net/item/flat-theme-best-free-responsive-multipurpose-wordpress-theme/
[Demo 30]: http://shapebootstrap.net/demo/wordpress/flat_theme/
[Media - bootstrap template]: /images/20220412/b4ad156aa7514800a6e66f2741e8bb6a.png
[Download 31]: http://www.bootstrapstage.com/media/
[Demo 31]: http://coverstrap.com/previews/media.html
[Admin LTE - bootstrap template]: /images/20220412/549db1c0016b469896f6fa1c0aa170a9.png
[Download 32]: http://www.bootstrapstage.com/admin-lte/
[Demo 32]: http://almsaeedstudio.com/AdminLTE/
[Progressus - bootstrap template]: /images/20220412/16458cd340174aa7af9b37ca25b5a28e.png
[Download 33]: http://www.bootstrapstage.com/progressus/
[Mobileapp - bootstrap template]: /images/20220412/75fcd24d6ed84322bafda7efd268c299.png
[Download 34]: http://w3layouts.com/mobileapp-app-based-flat-bootstrap-responsive-web-template
[Demo 33]: http://w3layouts.com/preview/?l=/mobileapp-app-based-flat-bootstrap-responsive-web-template/
[Kataklimt - bootstrap templates]: /images/20220412/d9b10f2a519840bfb11586d2a8bcb55e.png
[Download 35]: http://www.html5xcss3.com/2012/12/html5-template-kataklimt.html
[Demo 34]: http://demo.html5xcss3.com/demo.php?cat=html5themes&host=templatesmonster&temp=kataklimt
[Apparel - bootstrap templates]: /images/20220412/37be773f450546a69f66cf146888b840.png
[Download 36]: http://www.templatemonster.com/website-templates/45024.html
[Demo 35]: http://www.templatemonster.com/demo/45024.html
[Kebrum - bootstrap templates]: /images/20220412/3c360ca014464034ab0c6d0724ce734a.png
[Download 37]: http://w3layouts.com/kebrum-product-based-flat-bootstrap-responsive-web-template
[Demo 36]: http://w3layouts.com/demos/kebrum/web/
[Starter - bootstrap templates]: /images/20220412/0558c9bec4054ac4841638f7843e9778.png
[Download 38]: http://shapebootstrap.net/item/starter-responsive-wordpress-onepage-theme/
[Demo 37]: http://demo.themeum.com/starter/
[idesignpixel]: http://idesignpixel.com/2015/free-bootstrap-templates/