2014-07-11 02:54:06 +02:00
---
2015-08-15 07:45:55 +02:00
layout: docs
2014-07-11 02:54:06 +02:00
title: Contents
2017-05-28 07:03:48 +02:00
description: Discover what's included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap's JavaScript plugins require jQuery.
2015-08-06 02:47:45 +02:00
group: getting-started
2017-05-28 07:03:48 +02:00
toc: true
2014-07-11 02:54:06 +02:00
---
2015-05-29 10:58:52 +02:00
## Precompiled Bootstrap
2014-07-11 02:54:06 +02:00
2015-08-08 23:57:12 +02:00
Once downloaded, unzip the compressed folder and you'll see something like this:
2014-07-11 02:54:06 +02:00
<!-- NOTE: This info is intentionally duplicated in the README. Copy any changes made here over to the README too. -->
2016-10-06 03:02:52 +02:00
{% highlight plaintext %}
2014-07-11 02:54:06 +02:00
bootstrap/
├── css/
│ ├── bootstrap.css
2014-12-01 05:17:45 +01:00
│ ├── bootstrap.css.map
2014-07-11 02:54:06 +02:00
│ ├── bootstrap.min.css
2017-10-13 13:34:43 +02: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-11 02:54:06 +02:00
└── js/
2017-10-16 07:01:58 +02:00
├── bootstrap.bundle.js
├── bootstrap.bundle.min.js
2014-07-11 02:54:06 +02:00
├── bootstrap.js
└── bootstrap.min.js
{% endhighlight %}
2016-11-08 13:36:04 +01: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-11 02:54:06 +02:00
2017-10-13 13:34:43 +02: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 10:58:52 +02:00
## Bootstrap source code
2014-07-11 02:54:06 +02:00
2014-12-05 00:25:24 +01: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-11 02:54:06 +02:00
2016-10-06 03:02:52 +02:00
{% highlight plaintext %}
2014-07-11 02:54:06 +02:00
bootstrap/
├── dist/
│ ├── css/
│ └── js/
2014-11-26 02:09:23 +01:00
├── docs/
│ └── examples/
├── js/
2014-12-05 00:25:24 +01:00
└── scss/
2014-07-11 02:54:06 +02:00
{% endhighlight %}
2014-12-05 00:25:24 +01: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.