This post will explain an overview of Bootstrap (Front-end Framework), how to use and some bootstrap starter templates. Bootstrap is an open source & free front-end framework which is used to website designing and web application development. Bootstrap is Initially released 5 years ago on August 19, 2011.
It is free and open-source under MIT License (Apache License 2.0) by it’s author Mark Otto and Jacob Thornton. It contains standard CSS based design templates. which includes buttons, forms, typography navigation and other interface components, as well as optional JavaScript plugins.
Want to start with Bootstrap, download latest version (v3.3.7) and get started to design your website templates. Default template includes compiled & minified CSS, JS and glyphicons fonts.
Below is the minified CDN source CSS and JS Files.
|
1 2 3 4 5 |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> |
Below is the latest bootstrap folder structure.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css │ └── bootstrap-theme.min.css.map ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2 |
Below is the some example of bootstrap starter templates. download below templates and use to create your next website designs.
Sticky footer with navbar
Off-canvas Template
Admin Dashboard Template
Carousel Template
Blog Template
Bootstrap theme Template
Do like & share this post with your friends if you like post and don’t forget to join us on facebook.
If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.
Article Tags: Bootstrap, bootstrap cdn url, bootstrap template examples, download bootstrap, Download bootstrap templates, how to use bootstrap, start bootstrap, start bootstrap templates
