From 3689be81157dd86838d2d291b9c8c086eaa04f5d Mon Sep 17 00:00:00 2001 From: Heiko Jansen Date: Wed, 24 May 2017 16:32:36 +0200 Subject: Sync code shown with code actually used Remove class and attributes from buttons which are not expected to trigger dropdowns. Code used to render the examples is correct but code shown was not. --- docs/components/dropdowns.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs') diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index 13f49a32f..24cabbf9a 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -323,7 +323,7 @@ Button dropdowns work with buttons of all sizes, including default and split dro
-
-
diff --git a/docs/4.0/utilities/colors.md b/docs/4.0/utilities/colors.md index 11ac0be60..ed4ba1066 100644 --- a/docs/4.0/utilities/colors.md +++ b/docs/4.0/utilities/colors.md @@ -23,6 +23,7 @@ Similar to the contextual text color classes, easily set the background of an el {% example html %} {% for color in site.data.theme-colors %}
.bg-{{ color.name }}
{% endfor %} +
.bg-white
{% endexample %} {% callout info %} -- cgit v1.2.3 From fd113b93f6977685c81ebc615aed9573079afe5c Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Wed, 9 Aug 2017 18:09:28 +0300 Subject: Fix flex order generated code and a typo. --- docs/4.0/utilities/flex.md | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) (limited to 'docs') diff --git a/docs/4.0/utilities/flex.md b/docs/4.0/utilities/flex.md index 4bc5996fb..1d28fab6d 100644 --- a/docs/4.0/utilities/flex.md +++ b/docs/4.0/utilities/flex.md @@ -357,17 +357,14 @@ Change the _visual_ order of specific flex items with a handful of `order` utili Responsive variations also exist for `order`. -{% for bp in site.data.breakpoints %} - {% for i in (1..12) %} - - `.order{{ bp.abbr }}-{{ i }}` - {% endfor %} -{% endfor %} +{% for bp in site.data.breakpoints %}{% for i in (1..12) %} +- `.order{{ bp.abbr }}-{{ i }}`{% endfor %}{% endfor %} ## Align content Use `align-content` utilities on flexbox containers to align flex items *together* on the cross axis. Choose from `start` (browser default), `end`, `center`, `between`, `around`, or `stretch`. To demonstrate these utilities, we've enforced `flex-wrap: wrap` and increased the number of flex items. -**Heads up!** This property has no affect on single rows of flex items. +**Heads up!** This property has no effect on single rows of flex items.
-- cgit v1.2.3 From ba7d9217323e8f0ecf6d8548779cc399ac0f5c51 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 7 Aug 2017 21:42:36 -0700 Subject: clarify optional js, add some links, emphasize some text --- docs/4.0/getting-started/introduction.md | 5 +++-- docs/4.0/getting-started/javascript.md | 6 ++++-- 2 files changed, 7 insertions(+), 4 deletions(-) (limited to 'docs') diff --git a/docs/4.0/getting-started/introduction.md b/docs/4.0/getting-started/introduction.md index 233c82883..b135326e7 100644 --- a/docs/4.0/getting-started/introduction.md +++ b/docs/4.0/getting-started/introduction.md @@ -24,7 +24,7 @@ Copy-paste the stylesheet `` into your `` before all other styleshee {% endhighlight %} -Add our JavaScript plugins, jQuery, and Popper.js near the end of your pages, right before the closing `` tag. Be sure to place jQuery and Popper.js first, as our code depends on them. While we use [jQuery's slim build](https://blog.jquery.com/2016/06/09/jquery-3-0-final-released/) in our docs, the full version is also supported. +Add our optional JavaScript plugins, jQuery, and [Popper.js](https://github.com/FezVrasta/popper.js)) near the end of your pages, right before the closing `` tag. Be sure to place jQuery and Popper.js first, as our JavaScript plugins depend on them. While we use [jQuery's slim build](https://blog.jquery.com/2016/06/09/jquery-3-0-final-released/) in our docs, the full version is also supported. {% highlight html %} @@ -52,7 +52,8 @@ Be sure to have your pages set up with the latest design and development standar

Hello, world!

- + + diff --git a/docs/4.0/getting-started/javascript.md b/docs/4.0/getting-started/javascript.md index c4fb2366a..003ebdb7b 100644 --- a/docs/4.0/getting-started/javascript.md +++ b/docs/4.0/getting-started/javascript.md @@ -1,7 +1,7 @@ --- layout: docs title: JavaScript -description: Bring Bootstrap to life with our JavaScript plugins built on jQuery. Learn about each plugin, our data and programmatic API options, and more. +description: Bring Bootstrap to life with our optional JavaScript plugins built on jQuery. Learn about each plugin, our data and programmatic API options, and more. group: getting-started toc: true --- @@ -12,7 +12,9 @@ Plugins can be included individually (using Bootstrap's individual `*.js` files) ## Dependencies -Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that all plugins depend on jQuery (this means jQuery must be included **before** the plugin files). [Consult our `bower.json`]({{ site.repo }}/blob/v{{ site.current_version }}/bower.json) to see which versions of jQuery are supported. +Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Also note that **all plugins depend on jQuery** (this means jQuery must be included **before** the plugin files). [Consult our `bower.json`]({{ site.repo }}/blob/v{{ site.current_version }}/bower.json) to see which versions of jQuery are supported. + +Our tooltips and popovers also depend on [Popper.js](https://github.com/FezVrasta/popper.js). ## Data attributes -- cgit v1.2.3 From 4e07146624f0c1dac765c984a2ecca90fcc3113e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 7 Aug 2017 21:57:08 -0700 Subject: rewrite parts of download page --- docs/4.0/getting-started/download.md | 28 ++++++++++++++++++++++------ 1 file changed, 22 insertions(+), 6 deletions(-) (limited to 'docs') diff --git a/docs/4.0/getting-started/download.md b/docs/4.0/getting-started/download.md index 468575494..3837d296a 100644 --- a/docs/4.0/getting-started/download.md +++ b/docs/4.0/getting-started/download.md @@ -6,28 +6,44 @@ group: getting-started toc: true --- -## Bootstrap CSS and JS +## Compiled CSS and JS -**Download Bootstrap's ready-to-use code to easily drop into your project.** Includes compiled and minified versions of all our CSS bundles (default, grid only, or Reboot only) and JavaScript plugins. Doesn't include documentation or source files. +Download ready-to-use compiled code for **Bootstrap v{{ site.current_version}}** to easily drop into your project, which includes: -**Current version:** v{{ site.current_version}} +- Compiled and minified CSS bundles (default, grid-only, and Reboot-only) +- Compiled and minified JavaScript plugins -Download Bootstrap +This doesn't include documentation, source files, or any optional JavaScript dependencies (jQuery and Popper.js). + +Download ## Source files -**Want to compile Bootstrap with your project's asset pipeline?** Choose this option to download our source Sass, JavaScript, and documentation files. Requires a Sass compiler, [Autoprefixer](https://github.com/postcss/autoprefixer), and [some setup]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/build-tools/#tooling-setup). + +Compile Bootstrap with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling: + +- Sass compiler (Libsass or Ruby Sass is supported) for compiling your CSS. +- [Autoprefixer](https://github.com/postcss/autoprefixer) for CSS vendor prefixing + +Should you require [build tools]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/build-tools/#tooling-setup), they are included for developing Bootstrap and it's docs, but they're likely unsuitable for your own purposes. Download source ## Bootstrap CDN -Skip the download and use the Bootstrap CDN to deliver Bootstrap's compiled CSS and JS to your project. +Skip the download with the Bootstrap CDN to deliver cached version of Bootstrap's compiled CSS and JS to your project. {% highlight html %} {% endhighlight %} +If you're using our compiled JavaScript, don't forget to include CDN versions of jQuery and Popper.js before it. + +{% highlight html %} + + +{% endhighlight %} + ## Package managers Pull in Bootstrap's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will **require a Sass compiler and [Autoprefixer](https://github.com/postcss/autoprefixer)** for a setup that matches our official compiled versions. -- cgit v1.2.3 From 209a9635391a4137cd2792f4227ab1c95742a5a2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 7 Aug 2017 21:57:28 -0700 Subject: remove commented out code while here --- docs/4.0/getting-started/introduction.md | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs') diff --git a/docs/4.0/getting-started/introduction.md b/docs/4.0/getting-started/introduction.md index b135326e7..6423209be 100644 --- a/docs/4.0/getting-started/introduction.md +++ b/docs/4.0/getting-started/introduction.md @@ -10,10 +10,6 @@ redirect_from: toc: true --- - - - - ## Quick start Looking to quickly add Bootstrap to your project? Use the Bootstrap CDN, provided for free by the folks at MaxCDN. Using a package manager or need to download the source files? [Head to the downloads page.]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/download/) -- cgit v1.2.3 From 94e860c5579ceb3847c44b157ef4f7720942a389 Mon Sep 17 00:00:00 2001 From: Jonathan Date: Thu, 10 Aug 2017 15:15:27 +0200 Subject: Dropped .radio-inline and .checkbox-inline Dropped `.radio-inline` and `.checkbox-inline`. --- docs/4.0/migration.md | 1 + 1 file changed, 1 insertion(+) (limited to 'docs') diff --git a/docs/4.0/migration.md b/docs/4.0/migration.md index 101f7f9de..323d321f6 100644 --- a/docs/4.0/migration.md +++ b/docs/4.0/migration.md @@ -99,6 +99,7 @@ New to Bootstrap 4 is the [Reboot]({{ site.baseurl }}/docs/{{ site.docs_version - Renamed `.input-lg` and `.input-sm` to `.form-control-lg` and `.form-control-sm`, respectively. - Dropped `.form-group-*` classes for simplicity's sake. Use `.form-control-*` classes instead now. - Dropped `.help-block` and replaced it with `.form-text` for block-level help text. For inline help text and other flexible options, use utility classes like `.text-muted`. +- Dropped `.radio-inline` and `.checkbox-inline`. - Horizontal forms overhauled: - Dropped the `.form-horizontal` class requirement. - `.form-group` no longer applies styles from the `.row` via mixin, so `.row` is now required for horizontal grid layouts (e.g., `
`). -- cgit v1.2.3 From 3fbdedbf22dc9257e06d73b13f6db7244dbda7cb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 7 Aug 2017 22:36:57 -0700 Subject: Add basic property-value utils for position --- docs/4.0/utilities/position.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs') diff --git a/docs/4.0/utilities/position.md b/docs/4.0/utilities/position.md index fb7d8bd9e..9cf952452 100644 --- a/docs/4.0/utilities/position.md +++ b/docs/4.0/utilities/position.md @@ -6,6 +6,18 @@ group: utilities toc: true --- +## Common values + +Quick positioning classes are available, though they are not responsive. + +{% highlight html %} +
...
+
...
+
...
+
...
+
...
+{% endhighlight %} + ## Fixed top Position an element at the top of the viewport, from edge to edge. Be sure you understand the ramifications of fixed position in your project; you may need to add aditional CSS. -- cgit v1.2.3 From 006590ed9a7e39c4fac96cf732d5241edd95a59c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 7 Aug 2017 22:25:35 -0700 Subject: Remove broken CSS that tried to reset the absolute positioning when there was no text --- docs/4.0/components/forms.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md index 6abe03e58..eb3deb415 100644 --- a/docs/4.0/components/forms.md +++ b/docs/4.0/components/forms.md @@ -238,17 +238,17 @@ Group checkboxes or radios on the same horizontal row by adding `.form-check-inl ### Without labels -Should you have no text within the `
+{% endexample %} + +{% example html %} +
+
+ + +
+
+ + +
+
+ +
+ +
+{% endexample %} + ## Disabled menu items Add `.disabled` to items in the dropdown to **style them as disabled**. -- cgit v1.2.3 From b1b8aedf0eb2e2efa1e49702d8674b700555b727 Mon Sep 17 00:00:00 2001 From: Dillon Chanis Date: Mon, 12 Jun 2017 21:40:19 -0400 Subject: Add use case description and example --- docs/4.0/utilities/image-replacement.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'docs') diff --git a/docs/4.0/utilities/image-replacement.md b/docs/4.0/utilities/image-replacement.md index b11c936c4..1331a789e 100644 --- a/docs/4.0/utilities/image-replacement.md +++ b/docs/4.0/utilities/image-replacement.md @@ -18,3 +18,18 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten @include text-hide; } {% endhighlight %} + +The `.text-hide` class is useful for when you want the benefits heading tags like accessibility and SEO, but want to utilize your brand's logo image instead of text. + +{% example html %} +

Bootstrap

+{% endexample %} +{% highlight html %} +

Bootstrap

+{% endhighlight %} +{% highlight scss %} +.logo { + background-image: url('/assets/brand/bootstrap-solid.svg'); +} +{% endhighlight %} + -- cgit v1.2.3 From 9706ce72c92ab229f3b33c167670881c0d8f4329 Mon Sep 17 00:00:00 2001 From: Dillon Chanis Date: Tue, 13 Jun 2017 06:34:58 -0400 Subject: Add clear description and use case with example --- docs/4.0/utilities/image-replacement.md | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) (limited to 'docs') diff --git a/docs/4.0/utilities/image-replacement.md b/docs/4.0/utilities/image-replacement.md index 1331a789e..98c09346b 100644 --- a/docs/4.0/utilities/image-replacement.md +++ b/docs/4.0/utilities/image-replacement.md @@ -19,17 +19,8 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten } {% endhighlight %} -The `.text-hide` class is useful for when you want the benefits heading tags like accessibility and SEO, but want to utilize your brand's logo image instead of text. +Use the `.text-hide` class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a `background-image` instead of text. {% example html %}

Bootstrap

{% endexample %} -{% highlight html %} -

Bootstrap

-{% endhighlight %} -{% highlight scss %} -.logo { - background-image: url('/assets/brand/bootstrap-solid.svg'); -} -{% endhighlight %} - -- cgit v1.2.3 From 0bb9fd20823d47055832364daa4c914d677267c4 Mon Sep 17 00:00:00 2001 From: CarloMartini Date: Mon, 26 Jun 2017 18:14:52 +0200 Subject: Update modal.md Removed a duplicate explanation. --- docs/4.0/components/modal.md | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/modal.md b/docs/4.0/components/modal.md index 587a2b632..a903cd884 100644 --- a/docs/4.0/components/modal.md +++ b/docs/4.0/components/modal.md @@ -15,11 +15,6 @@ Before getting started with Bootstrap's modal component, be sure to read the fol - Bootstrap only supports one modal window at a time. Nested modals aren't supported as we believe them to be poor user experiences. - Modals use `position: fixed`, which can sometimes be a bit particular about its rendering. Whenever possible, place your modal HTML in a top-level position to avoid potential interference from other elements. You'll likely run into issues when nesting a `.modal` within another fixed element. - Once again, due to `position: fixed`, there are some caveats with using modals on mobile devices. [See our browser support docs]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/browsers-devices/#modals-and-dropdowns-on-mobile) for details. -- Lastly, the `autofocus` HTML attribute has no effect in modals. Here's how you can achieve the same effect with custom JavaScript. - -Keep reading for demos and usage guidelines. - - - Due to how HTML5 defines its semantics, [the `autofocus` HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autofocus) has no effect in Bootstrap modals. To achieve the same effect, use some custom JavaScript: {% highlight js %} @@ -28,6 +23,8 @@ $('#myModal').on('shown.bs.modal', function () { }) {% endhighlight %} +Keep reading for demos and usage guidelines. + ## Examples ### Modal components -- cgit v1.2.3 From 2a2231d55b3d1ab2b4e9cad5a98328133b4dbfce Mon Sep 17 00:00:00 2001 From: Dave Date: Fri, 26 May 2017 10:52:15 -0700 Subject: Update progress.md to reflect setting height on .progress --- docs/4.0/components/progress.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/progress.md b/docs/4.0/components/progress.md index 4cbc333aa..07217d939 100644 --- a/docs/4.0/components/progress.md +++ b/docs/4.0/components/progress.md @@ -55,14 +55,14 @@ Add labels to your progress bars by placing text within the `.progress-bar`. ## Height -We only set a `height` value on the `.progress-bar`, so if you change that value the outer `.progress` will automatically resize accordingly. +We only set a `height` value on the `.progress`, so if you change that value the inner `.progress-bar` will automatically resize accordingly. {% example html %} -
-
+
+
-
-
+
+
{% endexample %} -- cgit v1.2.3 From e25b11d43378ae905e1944cfcf407a66a05c2313 Mon Sep 17 00:00:00 2001 From: Patrick Yeo Date: Thu, 10 Aug 2017 22:56:32 -0700 Subject: v4 docs Input Group Sizing section should display `.input-group-sm` (#23151) --- docs/4.0/components/input-group.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/4.0/components/input-group.md b/docs/4.0/components/input-group.md index c13157db2..de7322307 100644 --- a/docs/4.0/components/input-group.md +++ b/docs/4.0/components/input-group.md @@ -50,7 +50,7 @@ Add the relative form sizing classes to the `.input-group` itself and contents w

-
+
@
-- cgit v1.2.3 From 11299fe47c6af9bda33f1259393b3f86769d7517 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Jul 2017 12:15:21 -0700 Subject: Update badges in buttons examples - Given buttons a required modifier (.btn alone is incomplete) - Given the primary button, use a .badge-light for better contrast - Consolidate example and highlight code with a `{% example %}` block --- docs/4.0/components/badge.md | 26 +++++++------------------- 1 file changed, 7 insertions(+), 19 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/badge.md b/docs/4.0/components/badge.md index 4e80828a4..0a4c2427e 100644 --- a/docs/4.0/components/badge.md +++ b/docs/4.0/components/badge.md @@ -30,33 +30,21 @@ Badges scale to match the size of the immediate parent element by using relative Badges can be used as part of links or buttons to provide a counter. -
- -
+{% endexample %} -{% highlight html %} - -{% endhighlight %} Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link or button. Unless the context is clear (as with the "Notifications" example, where it is arguably understandable that the "4" gives a count of the number of notifications), consider including additional context – for instance using a visually hidden piece of additional text. -
- -
- -{% highlight html %} +{% example html %} -{% endhighlight %} +{% endexample %} ## Contextual variations -- cgit v1.2.3 From e9c24b0cda50dfe2036bd4104e05789c317850e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Jul 2017 12:15:38 -0700 Subject: clarify text, break up larger paragraph, shorten --- docs/4.0/components/badge.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/4.0/components/badge.md b/docs/4.0/components/badge.md index 0a4c2427e..193a3ca61 100644 --- a/docs/4.0/components/badge.md +++ b/docs/4.0/components/badge.md @@ -36,8 +36,9 @@ Badges can be used as part of links or buttons to provide a counter. {% endexample %} +Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link, or button. -Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link or button. Unless the context is clear (as with the "Notifications" example, where it is arguably understandable that the "4" gives a count of the number of notifications), consider including additional context – for instance using a visually hidden piece of additional text. +Unless the context is clear (as with the "Notifications" example, where it is understood that the "4" is the number of notifications), consider including additional context with a visually hidden piece of additional text. {% example html %} -- cgit v1.2.3 From b5f89d5672822734d0023cfc1e026b8985b97f1c Mon Sep 17 00:00:00 2001 From: Christian Oliff Date: Fri, 11 Aug 2017 07:06:15 +0100 Subject: Remove the Internet Explorer 10 for Windows Phone 8 workaround (#23122) I suggest that there's no longer a need to include the section on workaround for the IE10 bug on Windows Phone 8. Not only was this bug patched in a later release of Windows Phone 8 (which shipped in 2013), but Windows Phone 8's support ended a long time ago - even its successor Windows Phone 8.1 is no longer supported by Microsoft. The potential audience affected by this bug is likely microscopic so I suggest it can be safely removed. I suggest the workaround JS (http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js) can also be safely removed from the docs and examples but I haven't done that in this PR. --- docs/4.0/getting-started/browsers-devices.md | 22 ---------------------- 1 file changed, 22 deletions(-) (limited to 'docs') diff --git a/docs/4.0/getting-started/browsers-devices.md b/docs/4.0/getting-started/browsers-devices.md index 426692b32..b5a6cc763 100644 --- a/docs/4.0/getting-started/browsers-devices.md +++ b/docs/4.0/getting-started/browsers-devices.md @@ -105,28 +105,6 @@ Internet Explorer 10+ is supported; IE9 and down is not. Please be aware that so **If you require IE8-9 support, use Bootstrap 3.** It's the most stable version of our code and is still supported by our team for critical bugfixes and documentation changes. However, no new features will be added to it. -## Internet Explorer 10 in Windows Phone 8 - -Internet Explorer 10 in Windows Phone 8 versions older than [Update 3 (a.k.a. GDR3)](https://blogs.windows.com/buildingapps/2013/10/14/introducing-windows-phone-preview-for-developers/) doesn't differentiate **device width** from **viewport width** in `@-ms-viewport` at-rules, and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, you'll need to **include the following JavaScript to work around the bug**. - -{% highlight js %} -// Copyright 2014-2017 The Bootstrap Authors -// Copyright 2014-2017 Twitter, Inc. -// Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) -if (navigator.userAgent.match(/IEMobile\/10\.0/)) { - var msViewportStyle = document.createElement('style') - msViewportStyle.appendChild( - document.createTextNode( - '@-ms-viewport{width:auto!important}' - ) - ) - document.head.appendChild(msViewportStyle) -} -{% endhighlight %} - -For more information and usage guidelines, read [Windows Phone 8 and Device-Width](https://timkadlec.com/2013/01/windows-phone-8-and-device-width/). - -As a heads up, we include this in all of Bootstrap's documentation and examples as a demonstration. ## Modals and dropdowns on mobile -- cgit v1.2.3 From d36f5c7fa55208c5d6e05a96f2a288241165ca57 Mon Sep 17 00:00:00 2001 From: Patrick Yeo Date: Thu, 3 Aug 2017 15:38:58 -0700 Subject: v4 docs remove left over Tooltips and Popover documentation from Button Group page --- docs/4.0/components/button-group.md | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/button-group.md b/docs/4.0/components/button-group.md index e702bb76e..42c1cce1b 100644 --- a/docs/4.0/components/button-group.md +++ b/docs/4.0/components/button-group.md @@ -195,7 +195,3 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli ...
{% endhighlight %} - -## Tooltips and popovers - -Due to the specific implementation (and some other components), a bit of special casing is required for tooltips and popovers within button groups. **You'll have to specify the option `container: 'body'`** to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered). -- cgit v1.2.3 From 61e8aa2a55dfb57c36d254d8ee9daca8753edcf1 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Fri, 11 Aug 2017 12:43:17 +0300 Subject: Fix HTML validation errors. --- docs/4.0/components/dropdowns.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/dropdowns.md b/docs/4.0/components/dropdowns.md index 15f810be8..6ebce5f04 100644 --- a/docs/4.0/components/dropdowns.md +++ b/docs/4.0/components/dropdowns.md @@ -510,8 +510,8 @@ Put a form within a dropdown menu, or make it into a dropdown menu, and use [mar
- - + +
- - - - - diff --git a/docs/4.0/examples/jumbotron/index.html b/docs/4.0/examples/jumbotron/index.html index 2defd4882..ac0ae3a29 100644 --- a/docs/4.0/examples/jumbotron/index.html +++ b/docs/4.0/examples/jumbotron/index.html @@ -95,7 +95,5 @@ - - diff --git a/docs/4.0/examples/justified-nav/index.html b/docs/4.0/examples/justified-nav/index.html index c05c9a221..84c241c1d 100644 --- a/docs/4.0/examples/justified-nav/index.html +++ b/docs/4.0/examples/justified-nav/index.html @@ -98,7 +98,5 @@ - - diff --git a/docs/4.0/examples/narrow-jumbotron/index.html b/docs/4.0/examples/narrow-jumbotron/index.html index 303470bb3..a1a5d1b64 100644 --- a/docs/4.0/examples/narrow-jumbotron/index.html +++ b/docs/4.0/examples/narrow-jumbotron/index.html @@ -71,11 +71,5 @@
- - - - - diff --git a/docs/4.0/examples/navbar-top-fixed/index.html b/docs/4.0/examples/navbar-top-fixed/index.html index 0906a8407..18b223fb9 100644 --- a/docs/4.0/examples/navbar-top-fixed/index.html +++ b/docs/4.0/examples/navbar-top-fixed/index.html @@ -58,7 +58,5 @@ - - diff --git a/docs/4.0/examples/navbar-top/index.html b/docs/4.0/examples/navbar-top/index.html index 2d4cc46ab..e141f3b8c 100644 --- a/docs/4.0/examples/navbar-top/index.html +++ b/docs/4.0/examples/navbar-top/index.html @@ -58,7 +58,5 @@ - - diff --git a/docs/4.0/examples/navbars/index.html b/docs/4.0/examples/navbars/index.html index 41299b523..bad842040 100644 --- a/docs/4.0/examples/navbars/index.html +++ b/docs/4.0/examples/navbars/index.html @@ -342,7 +342,5 @@ - - diff --git a/docs/4.0/examples/offcanvas/index.html b/docs/4.0/examples/offcanvas/index.html index d4e6be368..81bebd819 100644 --- a/docs/4.0/examples/offcanvas/index.html +++ b/docs/4.0/examples/offcanvas/index.html @@ -129,8 +129,6 @@ - - diff --git a/docs/4.0/examples/signin/index.html b/docs/4.0/examples/signin/index.html index 237f62066..f796153d3 100644 --- a/docs/4.0/examples/signin/index.html +++ b/docs/4.0/examples/signin/index.html @@ -35,12 +35,5 @@
- - - - - - diff --git a/docs/4.0/examples/starter-template/index.html b/docs/4.0/examples/starter-template/index.html index 30cceb071..6d3bef63f 100644 --- a/docs/4.0/examples/starter-template/index.html +++ b/docs/4.0/examples/starter-template/index.html @@ -68,7 +68,5 @@ - - diff --git a/docs/4.0/examples/sticky-footer-navbar/index.html b/docs/4.0/examples/sticky-footer-navbar/index.html index dcf62fb59..b4de649a7 100644 --- a/docs/4.0/examples/sticky-footer-navbar/index.html +++ b/docs/4.0/examples/sticky-footer-navbar/index.html @@ -66,7 +66,5 @@ - - diff --git a/docs/4.0/examples/sticky-footer/index.html b/docs/4.0/examples/sticky-footer/index.html index 5d00f5407..66dcac132 100644 --- a/docs/4.0/examples/sticky-footer/index.html +++ b/docs/4.0/examples/sticky-footer/index.html @@ -32,12 +32,5 @@ Place sticky footer content here. - - - - - - diff --git a/docs/4.0/examples/tooltip-viewport/index.html b/docs/4.0/examples/tooltip-viewport/index.html index ea31d7ccf..a74317911 100644 --- a/docs/4.0/examples/tooltip-viewport/index.html +++ b/docs/4.0/examples/tooltip-viewport/index.html @@ -41,8 +41,6 @@ - - -- cgit v1.2.3 From d9d9c4b6537fe22d355b85b0fe39879be4818b01 Mon Sep 17 00:00:00 2001 From: Jonathan Date: Fri, 11 Aug 2017 13:28:51 +0200 Subject: Use input type search for search fields --- docs/4.0/components/navbar.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/navbar.md b/docs/4.0/components/navbar.md index d3d005e52..3e47dc7e8 100644 --- a/docs/4.0/components/navbar.md +++ b/docs/4.0/components/navbar.md @@ -51,7 +51,7 @@ Here's an example of all the sub-components included in a responsive light-theme
- +
@@ -186,7 +186,7 @@ Place various form controls and components within a navbar with `.form-inline`. {% example html %} @@ -198,7 +198,7 @@ Align the contents of your inline forms with utilities as needed. @@ -294,7 +294,7 @@ Theming the navbar has never been easier thanks to the combination of theming cl
- +
@@ -322,7 +322,7 @@ Theming the navbar has never been easier thanks to the combination of theming cl
- +
@@ -350,7 +350,7 @@ Theming the navbar has never been easier thanks to the combination of theming cl
- +
@@ -452,7 +452,7 @@ With no `.navbar-brand` shown in lowest breakpoint:
- +
@@ -481,7 +481,7 @@ With a brand name shown on the left and toggler on the right:
- +
@@ -510,7 +510,7 @@ With a toggler on the left and brand name on the right:
- +
-- cgit v1.2.3 From 3935e069f0918010840c40939f6de69a17f25438 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?b=C3=A9la?= Date: Fri, 11 Aug 2017 19:24:25 +0200 Subject: fixing list-group badge example (#23293) https://github.com/twbs/bootstrap/issues/23291 --- docs/4.0/components/list-group.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/list-group.md b/docs/4.0/components/list-group.md index 4fea041f7..8dc25a0dc 100644 --- a/docs/4.0/components/list-group.md +++ b/docs/4.0/components/list-group.md @@ -115,15 +115,15 @@ Add badges to any list group item to show unread counts, activity, and more with
  • Cras justo odio - 14 + 14
  • Dapibus ac facilisis in - 2 + 2
  • Morbi leo risus - 1 + 1
{% endexample %} -- cgit v1.2.3 From b12d28c58e7d2abb2baac037940d63274f597336 Mon Sep 17 00:00:00 2001 From: Alan Orth Date: Sun, 13 Aug 2017 11:57:25 +0300 Subject: docs/4.0/examples/blog: Use ml-sm-auto instead of offset-sm-1 (#23388) Bootstrap 4.0 Beta 1 dropped the offset classes in favor of using margin utilities. Update the blog example in the docs to use the appropriate `ml-auto` instead of `offset-sm-1` class to retain a pixel perfect with previous versions. --- docs/4.0/examples/blog/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/4.0/examples/blog/index.html b/docs/4.0/examples/blog/index.html index 0fc35ad3c..a021d7afa 100644 --- a/docs/4.0/examples/blog/index.html +++ b/docs/4.0/examples/blog/index.html @@ -109,7 +109,7 @@ -
+

About

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

-- cgit v1.2.3 From ea854233b70a4420d20eaacf507865f395134cae Mon Sep 17 00:00:00 2001 From: Patrick Yeo Date: Mon, 14 Aug 2017 09:28:16 -0700 Subject: v4 docs Add description for global variable `$enable-caret` --- docs/4.0/getting-started/options.md | 1 + 1 file changed, 1 insertion(+) (limited to 'docs') diff --git a/docs/4.0/getting-started/options.md b/docs/4.0/getting-started/options.md index 0b83c47f8..2a9fb5ca8 100644 --- a/docs/4.0/getting-started/options.md +++ b/docs/4.0/getting-started/options.md @@ -28,6 +28,7 @@ You can find and customize these variables for key global options in our `_varia | Variable | Values | Description | | --------------------------- | ---------------------------------- | -------------------------------------------------------------------------------------- | | `$spacer` | `1rem` (default), or any value > 0 | Specifies the default spacer value to programmatically generate our [spacer utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/spacing/). | +| `$enable-caret` | `true` (default) or `false` | Enables pseudo element caret on `.dropdown-toggle`. | | `$enable-rounded` | `true` (default) or `false` | Enables predefined `border-radius` styles on various components. | | `$enable-shadows` | `true` or `false` (default) | Enables predefined `box-shadow` styles on various components. | | `$enable-gradients` | `true` or `false` (default) | Enables predefined gradients via `background-image` styles on various components. | -- cgit v1.2.3 From 2564ee98a6272ef527d563e158e8f19224b7d2d3 Mon Sep 17 00:00:00 2001 From: Cory Becker Date: Mon, 14 Aug 2017 11:45:54 -0500 Subject: Remove apostrophe --- docs/4.0/getting-started/download.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/4.0/getting-started/download.md b/docs/4.0/getting-started/download.md index 0edee619b..29d09a5c5 100644 --- a/docs/4.0/getting-started/download.md +++ b/docs/4.0/getting-started/download.md @@ -24,7 +24,7 @@ Compile Bootstrap with your own asset pipeline by downloading our source Sass, J - Sass compiler (Libsass or Ruby Sass is supported) for compiling your CSS. - [Autoprefixer](https://github.com/postcss/autoprefixer) for CSS vendor prefixing -Should you require [build tools]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/build-tools/#tooling-setup), they are included for developing Bootstrap and it's docs, but they're likely unsuitable for your own purposes. +Should you require [build tools]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/build-tools/#tooling-setup), they are included for developing Bootstrap and its docs, but they're likely unsuitable for your own purposes. Download source -- cgit v1.2.3 From 20af0373f302a432357ae306e80a14ec24d57077 Mon Sep 17 00:00:00 2001 From: jipexu Date: Mon, 14 Aug 2017 23:04:06 +0200 Subject: Mention badge-default in migration docs, fix typo on popover docs (#23409) --- docs/4.0/components/popovers.md | 2 +- docs/4.0/migration.md | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/4.0/components/popovers.md b/docs/4.0/components/popovers.md index 32261eb6c..2e6f42b55 100644 --- a/docs/4.0/components/popovers.md +++ b/docs/4.0/components/popovers.md @@ -361,7 +361,7 @@ Updates the position of an element's popover. inserted.bs.popover - This event is fired after the show.bs.popover event when the tooltip template has been added to the DOM. + This event is fired after the show.bs.popover event when the popover template has been added to the DOM. diff --git a/docs/4.0/migration.md b/docs/4.0/migration.md index a2cb9aea0..6a2420927 100644 --- a/docs/4.0/migration.md +++ b/docs/4.0/migration.md @@ -188,6 +188,7 @@ The navbar has been entirely rewritten in flexbox with improved support for alig - Renamed `.label` to `.badge` to disambiguate from the `