2014-07-10 17:54:06 -07:00
---
2015-08-14 22:45:55 -07:00
layout: docs
2014-07-10 17:54:06 -07:00
title: Contents
2017-05-27 22:03:48 -07:00
description: Discover what's included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap's JavaScript plugins require jQuery.
2015-08-05 17:47:45 -07:00
group: getting-started
2017-05-27 22:03:48 -07:00
toc: true
2014-07-10 17:54:06 -07:00
---
2015-05-29 01:58:52 -07:00
## Precompiled Bootstrap
2014-07-10 17:54:06 -07:00
2015-08-08 14:57:12 -07:00
Once downloaded, unzip the compressed folder and you'll see something like this:
2014-07-10 17:54:06 -07:00
<!-- NOTE: This info is intentionally duplicated in the README. Copy any changes made here over to the README too. -->
2016-10-06 12:02:52 +11:00
{% highlight plaintext %}
2014-07-10 17:54:06 -07:00
bootstrap/
├── css/
│ ├── bootstrap.css
2014-11-30 20:17:45 -08:00
│ ├── bootstrap.css.map
2014-07-10 17:54:06 -07:00
│ ├── bootstrap.min.css
2017-10-13 08:34:43 -03:00
│ ├── bootstrap.min.css.map
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ └── bootstrap-reboot.min.css.map
2014-07-10 17:54:06 -07:00
└── js/
2017-10-16 08:01:58 +03:00
├── bootstrap.bundle.js
├── bootstrap.bundle.min.js
2014-07-10 17:54:06 -07:00
├── bootstrap.js
└── bootstrap.min.js
{% endhighlight %}
2016-11-08 23:36:04 +11:00
This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (`bootstrap.*` ), as well as compiled and minified CSS and JS (`bootstrap.min.*` ). CSS [source maps ](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps ) (`bootstrap.*.map` ) are available for use with certain browsers' developer tools.
2014-07-10 17:54:06 -07:00
2017-10-13 08:34:43 -03:00
### Comparison of CSS files
< table class = "table table-bordered table-responsive" >
< thead >
< tr >
< th scope = "col" > CSS files< / th >
< th scope = "col" class = "text-center" > Layout< / th >
< th scope = "col" class = "text-center" > Content< / th >
< th scope = "col" class = "text-center" > Components< / th >
< th scope = "col" class = "text-center" > Utilities< / th >
< / tr >
< / thead >
< tbody >
< tr >
< th scope = "row" >
< div > < code class = "text-nowrap" > bootstrap.css< / code > < / div >
< div > < code class = "text-nowrap" > bootstrap.min.css< / code > < / div >
< / th >
< td class = "table-success text-center align-middle" > All< / td >
< td class = "table-success text-center align-middle" > All< / td >
< td class = "table-success text-center align-middle" > All< / td >
< td class = "table-success text-center align-middle" > All< / td >
< / tr >
< tr >
< th scope = "row" >
< div > < code class = "text-nowrap" > bootstrap-grid.css< / code > < / div >
< div > < code class = "text-nowrap" > bootstrap-grid.min.css< / code > < / div >
< / th >
< td class = "table-warning text-center align-middle" > Only < a href = "{{ site.baseurl }}/docs/{{ site.docs_version }}/layout/grid/" > grid< / a > system< / td >
< td class = "table-danger text-center align-middle" > No< / td >
< td class = "table-danger text-center align-middle" > No< / td >
< td class = "table-warning text-center align-middle" > Only < a href = "{{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/" > flex< / a > utilities< / td >
< / tr >
< tr >
< th scope = "row" >
< div > < code class = "text-nowrap" > bootstrap-reboot.css< / code > < / div >
< div > < code class = "text-nowrap" > bootstrap-reboot.min.css< / code > < / div >
< / th >
< td class = "table-danger text-center align-middle" > No< / td >
< td class = "table-warning text-center align-middle" > Only < a href = "{{ site.baseurl }}/docs/{{ site.docs_version }}/content/reboot/" > Reboot< / a > < / td >
< td class = "table-danger text-center align-middle" > No< / td >
< td class = "table-danger text-center align-middle" > No< / td >
< / tr >
< / tbody >
< / table >
2015-05-29 01:58:52 -07:00
## Bootstrap source code
2014-07-10 17:54:06 -07:00
2014-12-04 15:25:24 -08:00
The Bootstrap source code download includes the precompiled CSS and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:
2014-07-10 17:54:06 -07:00
2016-10-06 12:02:52 +11:00
{% highlight plaintext %}
2014-07-10 17:54:06 -07:00
bootstrap/
├── dist/
│ ├── css/
│ └── js/
2014-11-25 17:09:23 -08:00
├── docs/
│ └── examples/
├── js/
2014-12-04 15:25:24 -08:00
└── scss/
2014-07-10 17:54:06 -07:00
{% endhighlight %}
2014-12-04 15:25:24 -08:00
The `scss/` and `js/` are the source code for our CSS and JavaScript. The `dist/` folder includes everything listed in the precompiled download section above. The `docs/` folder includes the source code for our documentation, and `examples/` of Bootstrap usage. Beyond that, any other included file provides support for packages, license information, and development.