@@ -113,7 +113,7 @@ The `<pre>` element is reset to remove its `margin-top` and use `rem` units for
...
@@ -113,7 +113,7 @@ The `<pre>` element is reset to remove its `margin-top` and use `rem` units for
## Tables
## Tables
Tables are slightly adjusted to style `<caption>`s and ensure consistent `text-align` throughout.
Tables are slightly adjusted to style `<caption>`s and ensure consistent `text-align` throughout. Additional changes for borders, padding, and more come with [the `.table` class](/components/tables/).
<divclass="bd-example">
<divclass="bd-example">
<table>
<table>
...
@@ -156,7 +156,7 @@ Tables are slightly adjusted to style `<caption>`s and ensure consistent `text-a
...
@@ -156,7 +156,7 @@ Tables are slightly adjusted to style `<caption>`s and ensure consistent `text-a
Various form elements have been rebooted for simpler base styles. Here are some of the most notable changes:
Various form elements have been rebooted for simpler base styles. Here are some of the most notable changes:
-`<fieldset>`s have no borders, padding, or margin so they can be easily used as wrappers for individual inputs or groups of inputs.
-`<fieldset>`s have no borders, padding, or margin so they can be easily used as wrappers for individual inputs or groups of inputs.
=`<legend>`s, like fieldsets, have also been restyled to be displayed as a heading of sorts.
-`<legend>`s, like fieldsets, have also been restyled to be displayed as a heading of sorts.
-`<label>`s are set to `display: inline-block` to allow `margin` to be applied.
-`<label>`s are set to `display: inline-block` to allow `margin` to be applied.
-`<input>`s, `<selects>`s, `<textareas>`s, and `<buttons>`s are mostly addressed by Normalize, but Reboot removes their `margin` and sets `line-height: inherit`, too.
-`<input>`s, `<selects>`s, `<textareas>`s, and `<buttons>`s are mostly addressed by Normalize, but Reboot removes their `margin` and sets `line-height: inherit`, too.
-`<textarea>`s are modified to only be resizeble vertically as horizontal resizing often "breaks" page layout.
-`<textarea>`s are modified to only be resizeble vertically as horizontal resizing often "breaks" page layout.
@@ -27,14 +27,32 @@ title: Bootstrap · The world's most popular mobile-first and responsive f
...
@@ -27,14 +27,32 @@ title: Bootstrap · The world's most popular mobile-first and responsive f
<divclass="row">
<divclass="row">
<divclass="col-sm-4">
<divclass="col-sm-4">
<h4>Package managers</h4>
<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>
<divclass="col-sm-4">
<divclass="col-sm-4">
<h4>Download from GitHub</h4>
<h4>Download from GitHub</h4>
<p>You can also <ahref="{{ site.repo }}">download the source files</a> from GitHub where our code, issue tracker, and more are hosted.</p>
</div>
</div>
<divclass="col-sm-4">
<divclass="col-sm-4">
<h4>Bootstrap CDN</h4>
<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 %}
<linkrel="stylesheet"href="{{ site.cdn.css }}">
<script src="{{ site.cdn.js }}"></script>
{% endhighlight %}
</div>
</div>
</div>
</div>
<hrclass="half-rule">
<pclass="lead">More customized builds of Bootstrap's CSS and JS are also available.</p>
