` element is reset to remove its `margin-top` and use `rem` units for ## Tables -Tables are slightly adjusted to style ``s and ensure consistent `text-align` throughout. +Tables are slightly adjusted to style ``s and ensure consistent `text-align` throughout. Additional changes for borders, padding, and more come with [the `.table` class](/components/tables/). @@ -156,7 +156,7 @@ Tables are slightly adjusted to style ``s and ensure consistent `text-a Various form elements have been rebooted for simpler base styles. Here are some of the most notable changes: - ``s have no borders, padding, or margin so they can be easily used as wrappers for individual inputs or groups of inputs. -= ``s, like fieldsets, have also been restyled to be displayed as a heading of sorts. +- ``s, like fieldsets, have also been restyled to be displayed as a heading of sorts. - ``s are set to `display: inline-block` to allow `margin` to be applied. - ``s, ``s, ``s, and ``s are mostly addressed by Normalize, but Reboot removes their `margin` and sets `line-height: inherit`, too. - ``s are modified to only be resizeble vertically as horizontal resizing often "breaks" page layout. diff --git a/docs/index.html b/docs/index.html index 2d2189923..d24cc42d8 100644 --- a/docs/index.html +++ b/docs/index.html @@ -27,14 +27,32 @@ title: Bootstrap · The world's most popular mobile-first and responsive f <div class="row"> <div class="col-sm-4"> <h4>Package managers</h4> + <p>Bootstrap is available via Bower, Composer, Meteor, and npm.</p> +{% highlight bash %} +$ npm install bootstrap +$ bower install bootstrap +$ meteor add twbs:bootstrap +$ composer require twbs/bootstrap +{% endhighlight %} </div> <div class="col-sm-4"> <h4>Download from GitHub</h4> + <p>You can also <a href="{{ site.repo }}">download the source files</a> from GitHub where our code, issue tracker, and more are hosted.</p> </div> <div class="col-sm-4"> <h4>Bootstrap CDN</h4> + <p>Quickly include Bootstrap into a project with the Bootstrap CDN, a free service provided by the MaxCDN folks. Just copy and paste the CSS and JS as needed.</p> +{% highlight html %} +<link rel="stylesheet" href="{{ site.cdn.css }}"> +<script src="{{ site.cdn.js }}"></script> +{% endhighlight %} </div> </div> + + <hr class="half-rule"> + + <p class="lead">More customized builds of Bootstrap's CSS and JS are also available.</p> + <a href="{{ site.baseurl }}/getting-started/download" class="btn btn-outline btn-lg">More download options</a> </div> </div>