From 059969bcd2f71adc4411b0a14b8a6ad8ac2ab94b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 4 Jul 2017 13:07:15 -0700 Subject: update links, new version to v3.4.0, add new baseurl for easy v3.4 building --- docs/_includes/css/forms.html | 6 +++--- docs/_includes/css/grid.html | 2 +- docs/_includes/css/helpers.html | 6 +++--- docs/_includes/css/images.html | 2 +- docs/_includes/css/less.html | 4 ++-- 5 files changed, 10 insertions(+), 10 deletions(-) (limited to 'docs/_includes/css') diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index ce0673a0e..7aac785b8 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -240,7 +240,7 @@ {% endhighlight %}

Input groups

-

To add integrated text or buttons before and/or after any text-based <input>, check out the input group component.

+

To add integrated text or buttons before and/or after any text-based <input>, check out the input group component.

Textarea

@@ -639,7 +639,7 @@

Conveying validation state to assistive technologies and colorblind users

Using these validation styles to denote the state of a form control only provides a visual, color-based indication, which will not be conveyed to users of assistive technologies - such as screen readers - or to colorblind users.

-

Ensure that an alternative indication of state is also provided. For instance, you can include a hint about state in the form control's <label> text itself (as is the case in the following code example), include a Glyphicon (with appropriate alternative text using the .sr-only class - see the Glyphicon examples), or by providing an additional help text block. Specifically for assistive technologies, invalid form controls can also be assigned an aria-invalid="true" attribute.

+

Ensure that an alternative indication of state is also provided. For instance, you can include a hint about state in the form control's <label> text itself (as is the case in the following code example), include a Glyphicon (with appropriate alternative text using the .sr-only class - see the Glyphicon examples), or by providing an additional help text block. Specifically for assistive technologies, invalid form controls can also be assigned an aria-invalid="true" attribute.

@@ -728,7 +728,7 @@

Feedback icons only work with textual <input class="form-control"> elements.

Icons, labels, and input groups

-

Manual positioning of feedback icons is required for inputs without a label and for input groups with an add-on on the right. You are strongly encouraged to provide labels for all inputs for accessibility reasons. If you wish to prevent labels from being displayed, hide them with the .sr-only class. If you must do without labels, adjust the top value of the feedback icon. For input groups, adjust the right value to an appropriate pixel value depending on the width of your addon.

+

Manual positioning of feedback icons is required for inputs without a label and for input groups with an add-on on the right. You are strongly encouraged to provide labels for all inputs for accessibility reasons. If you wish to prevent labels from being displayed, hide them with the .sr-only class. If you must do without labels, adjust the top value of the feedback icon. For input groups, adjust the right value to an appropriate pixel value depending on the width of your addon.

Conveying the icon's meaning to assistive technologies

diff --git a/docs/_includes/css/grid.html b/docs/_includes/css/grid.html index 509b4cec5..c226ed73c 100644 --- a/docs/_includes/css/grid.html +++ b/docs/_includes/css/grid.html @@ -292,7 +292,7 @@
.col-xs-6 .col-sm-3
{% endhighlight %} -

In addition to column clearing at responsive breakpoints, you may need to reset offsets, pushes, or pulls. See this in action in the grid example.

+

In addition to column clearing at responsive breakpoints, you may need to reset offsets, pushes, or pulls. See this in action in the grid example.

{% highlight html %}
.col-sm-5 .col-md-6
diff --git a/docs/_includes/css/helpers.html b/docs/_includes/css/helpers.html index 2da68dffa..969872776 100644 --- a/docs/_includes/css/helpers.html +++ b/docs/_includes/css/helpers.html @@ -64,7 +64,7 @@

Carets

-

Use carets to indicate dropdown functionality and direction. Note that the default caret will reverse automatically in dropup menus.

+

Use carets to indicate dropdown functionality and direction. Note that the default caret will reverse automatically in dropup menus.

@@ -99,7 +99,7 @@

Not for use in navbars

-

To align components in navbars with utility classes, use .navbar-left or .navbar-right instead. See the navbar docs for details.

+

To align components in navbars with utility classes, use .navbar-left or .navbar-right instead. See the navbar docs for details.

@@ -180,7 +180,7 @@

Screen reader and keyboard navigation content

-

Hide an element to all devices except screen readers with .sr-only. Combine .sr-only with .sr-only-focusable to show the element again when it's focused (e.g. by a keyboard-only user). Necessary for following accessibility best practices. Can also be used as mixins.

+

Hide an element to all devices except screen readers with .sr-only. Combine .sr-only with .sr-only-focusable to show the element again when it's focused (e.g. by a keyboard-only user). Necessary for following accessibility best practices. Can also be used as mixins.

{% highlight html %} Skip to main content {% endhighlight %} diff --git a/docs/_includes/css/images.html b/docs/_includes/css/images.html index a79a4d920..08aedb874 100644 --- a/docs/_includes/css/images.html +++ b/docs/_includes/css/images.html @@ -3,7 +3,7 @@

Responsive images

Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%;, height: auto; and display: block; to the image so that it scales nicely to the parent element.

-

To center images which use the .img-responsive class, use .center-block instead of .text-center. See the helper classes section for more details about .center-block usage.

+

To center images which use the .img-responsive class, use .center-block instead of .text-center. See the helper classes section for more details about .center-block usage.

SVG images and IE 8-10

In Internet Explorer 8-10, SVG images with .img-responsive are disproportionately sized. To fix this, add width: 100% \9; where necessary. Bootstrap doesn't apply this automatically as it causes complications to other image formats.

diff --git a/docs/_includes/css/less.html b/docs/_includes/css/less.html index 6dc3ae596..85787303b 100644 --- a/docs/_includes/css/less.html +++ b/docs/_includes/css/less.html @@ -7,11 +7,11 @@

Compiling Bootstrap

-

Bootstrap can be used in at least two ways: with the compiled CSS or with the source Less files. To compile the Less files, consult the Getting Started section for how to setup your development environment to run the necessary commands.

+

Bootstrap can be used in at least two ways: with the compiled CSS or with the source Less files. To compile the Less files, consult the Getting Started section for how to setup your development environment to run the necessary commands.

Third party compilation tools may work with Bootstrap, but they are not supported by our core team.

Variables

-

Variables are used throughout the entire project as a way to centralize and share commonly used values like colors, spacing, or font stacks. For a complete breakdown, please see the Customizer.

+

Variables are used throughout the entire project as a way to centralize and share commonly used values like colors, spacing, or font stacks. For a complete breakdown, please see the Customizer.

Colors

Easily make use of two color schemes: grayscale and semantic. Grayscale colors provide quick access to commonly used shades of black while semantic include various colors assigned to meaningful contextual values.

-- cgit v1.2.3