Skip to content

B
bootstrap
Commit 960cbe61 authored by Mark Otto's avatar Mark Otto
Browse files
Options

some download changes

parent cbdfdd5a
Show whitespace changes
Inline Side-by-side
Showing with 31 additions and 21 deletions
docs/getting-started/download.md
View file @ 960cbe61
...@@ -10,23 +10,27 @@ Bootstrap is available for download via ZIP file in two flavors: precompiled CSS ...@@ -10,23 +10,27 @@ Bootstrap is available for download via ZIP file in two flavors: precompiled CSS
* Will be replaced with the ToC, excluding the "Contents" header * Will be replaced with the ToC, excluding the "Contents" header
{:toc} {:toc}
{% comment %} ## Custom builds
## Optional builds
Need only a part of Bootstrap's CSS or JS? Use one of the custom builds to snag just what you need.
### Scaffolding only
Just our global CSS resets, including Normalize and more. No custom CSS components or JavaScript. <div class="row">
<div class="col-sm-4">
### Grid only <h3>Reboot</h3>
Literally just our grid container and columns. No global CSS resets, custom CSS components, or JavaScript. <p>Includes variables/mixins, Normalize, and Reboot. No JavaScript.</p>
<a class="btn btn-primary" href="#">Download</a>
### Individual components </div>
Choose what CSS and JS components to download and customize further for your own use. Include the global CSS resets. <div class="col-sm-4">
<h3>Grid only</h3>
### Kitchen sink <p>Includes variables/mixins and our grid system. No JavaScript.</p>
Download the entire project and quickly get developing. Includes all CSS and JavaScript, including the source files and basic build tools. <a class="btn btn-primary" href="#">Download</a>
</div>
--- <div class="col-sm-4">
{% endcomment %} <h3>Flexbox</h3>
<p>All of Bootstrap, with flexbox support enabled and <strong>lower browser support</strong>.</p>
<a class="btn btn-primary" href="#">Download</a>
</div>
</div>
## Precompiled ## Precompiled
...@@ -40,13 +44,15 @@ Source Sass, JavaScript, and documentation. **Requires a Sass compiler and [some ...@@ -40,13 +44,15 @@ Source Sass, JavaScript, and documentation. **Requires a Sass compiler and [some
<a href="{{ site.download.source }}" class="btn btn-lg btn-outline" role="button" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a> <a href="{{ site.download.source }}" class="btn btn-lg btn-outline" role="button" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
## Bower ## Package managers
### Bower
You can also install and manage Bootstrap's Sass, CSS, and JavaScript using [Bower](http://bower.io). You can also install and manage Bootstrap's Sass, CSS, and JavaScript using [Bower](http://bower.io).
{% highlight bash %}$ bower install bootstrap{% endhighlight %} {% highlight bash %}$ bower install bootstrap{% endhighlight %}
## npm ### npm
Bootstrap is available as [an npm package](https://www.npmjs.org/package/bootstrap). Install it into your Node powered apps with: Bootstrap is available as [an npm package](https://www.npmjs.org/package/bootstrap). Install it into your Node powered apps with:
...@@ -59,13 +65,13 @@ Bootstrap's `package.json` contains some additional metadata under the following ...@@ -59,13 +65,13 @@ Bootstrap's `package.json` contains some additional metadata under the following
- `less` - path to Bootstrap's main [Less](http://lesscss.org) source file - `less` - path to Bootstrap's main [Less](http://lesscss.org) source file
- `style` - path to Bootstrap's non-minified CSS that's been precompiled using the default settings (no customization) - `style` - path to Bootstrap's non-minified CSS that's been precompiled using the default settings (no customization)
## Meteor ### Meteor
{% highlight bash %} {% highlight bash %}
$ meteor add twbs:bootstrap $ meteor add twbs:bootstrap
{% endhighlight %} {% endhighlight %}
## Composer ### Composer
{% highlight bash %} {% highlight bash %}
$ composer require twbs/bootstrap $ composer require twbs/bootstrap
......
docs/getting-started/index.md
View file @ 960cbe61
...@@ -5,6 +5,8 @@ title: Getting started ...@@ -5,6 +5,8 @@ title: Getting started
Quickly add Bootstrap to your project via the [Bootstrap CDN](http://bootstrapcdn.com), graciously provided by the [MaxCDN](http://www.maxcdn.com/) folks. Quickly add Bootstrap to your project via the [Bootstrap CDN](http://bootstrapcdn.com), graciously provided by the [MaxCDN](http://www.maxcdn.com/) folks.
## Include CSS and JS
Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets. Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets.
<div class="alert alert-warning"> <div class="alert alert-warning">
...@@ -22,6 +24,8 @@ Then, add the Bootstrap JavaScript—and jQuery—near the end of your pages. It ...@@ -22,6 +24,8 @@ Then, add the Bootstrap JavaScript—and jQuery—near the end of your pages. It
<script src="{{ site.cdn.js }}"></script> <script src="{{ site.cdn.js }}"></script>
{% endhighlight %} {% endhighlight %}
## Page template
Be sure to have your pages set up with the latest design and development standards. That means: Be sure to have your pages set up with the latest design and development standards. That means:
* Using an HTML5 doctype * Using an HTML5 doctype
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment