Bootstrap The World's most popular mobile-first and responsive front-end framework
Bootstrap The World's most popular mobile-first and responsive front-end framework
Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes. Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors, Less and Sass. Quickly get started with precompiled CSS or build on the source. Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries. With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.
Bootstrap CDN
The folks over at MaxCDN graciously provide CDN support for Bootstrap's CSS and jаvascript. Just use these Bootstrap CDN links.
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified javascript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
Precompiled Bootstrap
Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:
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