diff options
| author | Mark Otto <[email protected]> | 2015-06-09 16:09:33 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-06-09 16:09:33 -0700 |
| commit | 960cbe61624eb7dfcd9bf44b92ffff79aec0349c (patch) | |
| tree | 3c03d73f377d4b6a8c64b96dc51ff78129a5eb83 | |
| parent | cbdfdd5a9e3d35bdbdaa673214b83b9b63be698d (diff) | |
| download | bootstrap-960cbe61624eb7dfcd9bf44b92ffff79aec0349c.tar.xz bootstrap-960cbe61624eb7dfcd9bf44b92ffff79aec0349c.zip | |
some download changes
| -rw-r--r-- | docs/getting-started/download.md | 48 | ||||
| -rw-r--r-- | docs/getting-started/index.md | 4 |
2 files changed, 31 insertions, 21 deletions
diff --git a/docs/getting-started/download.md b/docs/getting-started/download.md index fdb4d8d83..224a2d12d 100644 --- a/docs/getting-started/download.md +++ b/docs/getting-started/download.md @@ -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 {:toc} -{% comment %} -## Optional builds - -### Scaffolding only -Just our global CSS resets, including Normalize and more. No custom CSS components or JavaScript. - -### Grid only -Literally just our grid container and columns. No global CSS resets, custom CSS components, or JavaScript. - -### Individual components -Choose what CSS and JS components to download and customize further for your own use. Include the global CSS resets. - -### Kitchen sink -Download the entire project and quickly get developing. Includes all CSS and JavaScript, including the source files and basic build tools. - ---- -{% endcomment %} +## Custom builds + +Need only a part of Bootstrap's CSS or JS? Use one of the custom builds to snag just what you need. + +<div class="row"> + <div class="col-sm-4"> + <h3>Reboot</h3> + <p>Includes variables/mixins, Normalize, and Reboot. No JavaScript.</p> + <a class="btn btn-primary" href="#">Download</a> + </div> + <div class="col-sm-4"> + <h3>Grid only</h3> + <p>Includes variables/mixins and our grid system. No JavaScript.</p> + <a class="btn btn-primary" href="#">Download</a> + </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 @@ -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> -## Bower +## Package managers + +### Bower You can also install and manage Bootstrap's Sass, CSS, and JavaScript using [Bower](http://bower.io). {% 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: @@ -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 - `style` - path to Bootstrap's non-minified CSS that's been precompiled using the default settings (no customization) -## Meteor +### Meteor {% highlight bash %} $ meteor add twbs:bootstrap {% endhighlight %} -## Composer +### Composer {% highlight bash %} $ composer require twbs/bootstrap diff --git a/docs/getting-started/index.md b/docs/getting-started/index.md index fafcf3418..6127f3873 100644 --- a/docs/getting-started/index.md +++ b/docs/getting-started/index.md @@ -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. +## Include CSS and JS + Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets. <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> {% endhighlight %} +## Page template + Be sure to have your pages set up with the latest design and development standards. That means: * Using an HTML5 doctype |