Stripped personal data from development repository
view | history | commit | commitdiff
Samo Penic
2019-02-20 83c3f647c35477564b77cbc5b36d37d793d5442a
commit | author | age
83c3f6 1 ---
SP 2 layout: docs
3 title: Contents
4 description: Discover what's included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap's JavaScript plugins require jQuery.
5 group: getting-started
6 toc: true
7 ---
8
9 ## Precompiled Bootstrap
10
11 Once downloaded, unzip the compressed folder and you'll see something like this:
12
13 <!-- NOTE: This info is intentionally duplicated in the README. Copy any changes made here over to the README too, but be sure to keep in mind to add the `dist` folder. -->
14
15 {% highlight plaintext %}
16 bootstrap/
17 ├── css/
18 │   ├── bootstrap-grid.css
19 │   ├── bootstrap-grid.css.map
20 │   ├── bootstrap-grid.min.css
21 │   ├── bootstrap-grid.min.css.map
22 │   ├── bootstrap-reboot.css
23 │   ├── bootstrap-reboot.css.map
24 │   ├── bootstrap-reboot.min.css
25 │   ├── bootstrap-reboot.min.css.map
26 │   ├── bootstrap.css
27 │   ├── bootstrap.css.map
28 │   ├── bootstrap.min.css
29 │   └── bootstrap.min.css.map
30 └── js/
31     ├── bootstrap.bundle.js
32     ├── bootstrap.bundle.js.map
33     ├── bootstrap.bundle.min.js
34     ├── bootstrap.bundle.min.js.map
35     ├── bootstrap.js
36     ├── bootstrap.js.map
37     ├── bootstrap.min.js
38     └── bootstrap.min.js.map
39 {% endhighlight %}
40
41 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.*`). [source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`bootstrap.*.map`) are available for use with certain browsers' developer tools. Bundled JS files (`bootstrap.bundle.js` and minified `bootstrap.bundle.min.js`) include [Popper](https://popper.js.org/), but not [jQuery](https://jquery.com/).
42
43 ## CSS files
44
45 Bootstrap includes a handful of options for including some or all of our compiled CSS.
46
47 <table class="table table-bordered">
48   <thead>
49     <tr>
50       <th scope="col">CSS files</th>
51       <th scope="col">Layout</th>
52       <th scope="col">Content</th>
53       <th scope="col">Components</th>
54       <th scope="col">Utilities</th>
55     </tr>
56   </thead>
57   <tbody>
58     <tr>
59       <th scope="row">
60         <div><code class="font-weight-normal text-nowrap">bootstrap.css</code></div>
61         <div><code class="font-weight-normal text-nowrap">bootstrap.min.css</code></div>
62       </th>
63       <td class="text-success">Included</td>
64       <td class="text-success">Included</td>
65       <td class="text-success">Included</td>
66       <td class="text-success">Included</td>
67     </tr>
68     <tr>
69       <th scope="row">
70         <div><code class="font-weight-normal text-nowrap">bootstrap-grid.css</code></div>
71         <div><code class="font-weight-normal text-nowrap">bootstrap-grid.min.css</code></div>
72       </th>
73       <td><a class="text-warning" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/layout/grid/">Only grid system</a></td>
74       <td class="bg-light text-muted">Not included</td>
75       <td class="bg-light text-muted">Not included</td>
76       <td><a class="text-warning" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/flex/">Only flex utilities</a></td>
77     </tr>
78     <tr>
79       <th scope="row">
80         <div><code class="font-weight-normal text-nowrap">bootstrap-reboot.css</code></div>
81         <div><code class="font-weight-normal text-nowrap">bootstrap-reboot.min.css</code></div>
82       </th>
83       <td class="bg-light text-muted">Not included</td>
84       <td><a class="text-warning" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/content/reboot/">Only Reboot</a></td>
85       <td class="bg-light text-muted">Not included</td>
86       <td class="bg-light text-muted">Not included</td>
87     </tr>
88   </tbody>
89 </table>
90
91 ## JS files
92
93 Similarly, we have options for including some or all of our compiled JavaScript.
94
95 <table class="table table-bordered">
96   <thead>
97     <tr>
98       <th scope="col">JS files</th>
99       <th scope="col">Popper</th>
100       <th scope="col">jQuery</th>
101     </tr>
102   </thead>
103   <tbody>
104     <tr>
105       <th scope="row">
106         <div><code class="font-weight-normal text-nowrap">bootstrap.bundle.js</code></div>
107         <div><code class="font-weight-normal text-nowrap">bootstrap.bundle.min.js</code></div>
108       </th>
109       <td class="text-success">Included</td>
110       <td class="bg-light text-muted">Not included</td>
111     </tr>
112     <tr>
113       <th scope="row">
114         <div><code class="font-weight-normal text-nowrap">bootstrap.js</code></div>
115         <div><code class="font-weight-normal text-nowrap">bootstrap.min.js</code></div>
116       </th>
117       <td class="bg-light text-muted">Not included</td>
118       <td class="bg-light text-muted">Not included</td>
119     </tr>
120   </tbody>
121 </table>
122
123 ## Bootstrap source code
124
125 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:
126
127 {% highlight plaintext %}
128 bootstrap/
129 ├── dist/
130 │   ├── css/
131 │   └── js/
132 ├── site/
133 │   └──docs/
134 │      └── 4.2/
135 │          └── examples/
136 ├── js/
137 └── scss/
138 {% endhighlight %}
139
140 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 `site/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.