some download changes

This commit is contained in:
Mark Otto 2015-06-09 16:09:33 -07:00
parent cbdfdd5a9e
commit 960cbe6162
2 changed files with 29 additions and 19 deletions

View File

@ -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
### Scaffolding only Need only a part of Bootstrap's CSS or JS? Use one of the custom builds to snag just what you need.
Just our global CSS resets, including Normalize and more. No custom CSS components or JavaScript.
### Grid only <div class="row">
Literally just our grid container and columns. No global CSS resets, custom CSS components, or JavaScript. <div class="col-sm-4">
<h3>Reboot</h3>
### Individual components <p>Includes variables/mixins, Normalize, and Reboot. No JavaScript.</p>
Choose what CSS and JS components to download and customize further for your own use. Include the global CSS resets. <a class="btn btn-primary" href="#">Download</a>
</div>
### Kitchen sink <div class="col-sm-4">
Download the entire project and quickly get developing. Includes all CSS and JavaScript, including the source files and basic build tools. <h3>Grid only</h3>
<p>Includes variables/mixins and our grid system. No JavaScript.</p>
--- <a class="btn btn-primary" href="#">Download</a>
{% endcomment %} </div>
<div class="col-sm-4">
<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
<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
- `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

View File

@ -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
<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