some download changes

960cbe61 · Mark Otto · cbdfdd5a · 960cbe61 · 960cbe61
Commit 960cbe61 authored 9 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 31 additions and 21 deletions
+31 -21
--- 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

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