diff --git a/CHANGELOG.md b/CHANGELOG.md index b25f83841300591eb07a62dbf1e6f2a2e086151e..7b60d7c9a697338d1a1206d12d15ec149447c9ff 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,4 +2,4 @@ Bootstrap uses [GitHub's Releases feature](https://github.com/blog/1547-release- See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap. -Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release. +Release announcement posts on [the official Bootstrap blog](https://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release. diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 01fc496a21e6b98002bbe04ab60b206483b2d707..c85be72903c70a7eec569955a88285ef30b4f78d 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -32,7 +32,7 @@ restrictions: [`Normalize`](https://github.com/necolas/normalize.css) (open them in its repository). -* Please **do not** open issues regarding the official themes offered on <http://themes.getbootstrap.com/>. +* Please **do not** open issues regarding the official themes offered on <https://themes.getbootstrap.com/>. Instead, please email any questions or feedback regarding those themes to `themes AT getbootstrap DOT com`. @@ -61,7 +61,7 @@ Good bug reports are extremely helpful, so thanks! Guidelines for bug reports: -0. **Validate and lint your code** — [validate your HTML](http://html5.validator.nu) +0. **Validate and lint your code** — [validate your HTML](https://html5.validator.nu) and [lint your HTML](https://github.com/twbs/bootlint) to ensure your problem isn't caused by a simple error in your own code. @@ -73,7 +73,7 @@ Guidelines for bug reports: 3. **Isolate the problem** — ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example. - [This JS Bin](http://jsbin.com/qusafa/edit?html,output) is a helpful template. + [This JS Bin](https://jsbin.com/qusafa/edit?html,output) is a helpful template. A good bug report shouldn't leave others needing to chase you up for more @@ -104,7 +104,7 @@ Example: ### Reporting upstream browser bugs Sometimes bugs reported to us are actually caused by bugs in the browser(s) themselves, not bugs in Bootstrap per se. -When feasible, we aim to report such upstream bugs to the relevant browser vendor(s), and then list them on our [Wall of Browser Bugs](http://getbootstrap.com/browser-bugs/) and [document them in MDN](https://developer.mozilla.org/en-US/docs/Web). +When feasible, we aim to report such upstream bugs to the relevant browser vendor(s), and then list them on our [Wall of Browser Bugs](https://getbootstrap.com/browser-bugs/) and [document them in MDN](https://developer.mozilla.org/en-US/docs/Web). | Vendor(s) | Browser(s) | Rendering engine | Bug reporting website(s) | Notes | | ------------- | ---------------------------- | ---------------- | ------------------------------------------------------------------------------------- | -------------------------------------------------------- | @@ -232,8 +232,8 @@ includes code changes) and under the terms of the [Adhere to the Code Guide.](http://codeguide.co/#css) -- When feasible, default color palettes should comply with [WCAG color contrast guidelines](http://www.w3.org/TR/WCAG20/#visual-audio-contrast). -- Except in rare cases, don't remove default `:focus` styles (via e.g. `outline: none;`) without providing alternative styles. See [this A11Y Project post](http://a11yproject.com/posts/never-remove-css-outlines) for more details. +- When feasible, default color palettes should comply with [WCAG color contrast guidelines](https://www.w3.org/TR/WCAG20/#visual-audio-contrast). +- Except in rare cases, don't remove default `:focus` styles (via e.g. `outline: none;`) without providing alternative styles. See [this A11Y Project post](http://a11yproject.com/posts/never-remove-css-outlines/) for more details. ### JS @@ -241,7 +241,7 @@ includes code changes) and under the terms of the - 2 spaces (no tabs) - strict mode - "Attractive" -- Don't use [jQuery event alias convenience methods](https://github.com/jquery/jquery/blob/master/src/event/alias.js) (such as `$().focus()`). Instead, use [`$().trigger(eventType, ...)`](http://api.jquery.com/trigger/) or [`$().on(eventType, ...)`](http://api.jquery.com/on/), depending on whether you're firing an event or listening for an event. (For example, `$().trigger('focus')` or `$().on('focus', function (event) { /* handle focus event */ })`) We do this to be compatible with custom builds of jQuery where the event aliases module has been excluded. +- Don't use [jQuery event alias convenience methods](https://github.com/jquery/jquery/blob/master/src/event/alias.js) (such as `$().focus()`). Instead, use [`$().trigger(eventType, ...)`](https://api.jquery.com/trigger/) or [`$().on(eventType, ...)`](https://api.jquery.com/on/), depending on whether you're firing an event or listening for an event. (For example, `$().trigger('focus')` or `$().on('focus', function (event) { /* handle focus event */ })`) We do this to be compatible with custom builds of jQuery where the event aliases module has been excluded. ### Checking coding style diff --git a/Gruntfile.js b/Gruntfile.js index 7d39d25ecd7e8dd4ee7e22e7d0de44eca9e107e2..75ad827f39fb55c11e35481a5aab8b376e3bc591 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -1,6 +1,6 @@ /*! * Bootstrap's Gruntfile - * http://getbootstrap.com + * https://getbootstrap.com * Copyright 2013-2016 The Bootstrap Authors * Copyright 2013-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) diff --git a/ISSUE_TEMPLATE.md b/ISSUE_TEMPLATE.md index 66c3a2bb21a1dcd1e6eff2e5049a0124f7b2040d..d2a406f9c9fd23e1bb2fd881c802d4e2d5352ec7 100644 --- a/ISSUE_TEMPLATE.md +++ b/ISSUE_TEMPLATE.md @@ -1,7 +1,7 @@ Before opening an issue: - [Search for duplicate or closed issues](https://github.com/twbs/bootstrap/issues?utf8=%E2%9C%93&q=is%3Aissue) -- [Validate](http://validator.w3.org/nu/) and [lint](https://github.com/twbs/bootlint#in-the-browser) any HTML to avoid common problems +- [Validate](https://validator.w3.org/nu/) and [lint](https://github.com/twbs/bootlint#in-the-browser) any HTML to avoid common problems - Prepare a [reduced test case](https://css-tricks.com/reduced-test-cases/) for any bugs - Read the [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md) diff --git a/README.md b/README.md index 83da4e51fedadae031a325abc8eba467c8084058..514806160d58c262ae7ffb2b3509f69d633d40ee 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# [Bootstrap](http://getbootstrap.com) +# [Bootstrap](https://getbootstrap.com) [](https://bootstrap-slack.herokuapp.com)  @@ -14,7 +14,7 @@ Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thornton](https://twitter.com/fat), and maintained by the [core team](https://github.com/orgs/twbs/people) with the massive support and involvement of the community. -To get started, check out <http://getbootstrap.com>! +To get started, check out <https://getbootstrap.com>! ## Table of contents @@ -39,7 +39,7 @@ Several quick start options are available: - Install with [Bower](https://bower.io): `bower install bootstrap#v4.0.0-alpha.4` - Install with [NuGet](https://www.nuget.org): CSS: `Install-Package bootstrap -Pre` Sass: `Install-Package bootstrap.sass -Pre` (`-Pre` is only required until Bootstrap v4 has a stable release). -Read the [Getting started page](http://getbootstrap.com/getting-started/) for information on the framework contents, templates and examples, and more. +Read the [Getting started page](https://getbootstrap.com/getting-started/) for information on the framework contents, templates and examples, and more. ### What's included @@ -67,7 +67,7 @@ Have a bug or a feature request? Please first read the [issue guidelines](https: ## Documentation -Bootstrap's documentation, included in this repo in the root directory, is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at <http://getbootstrap.com>. The docs may also be run locally. +Bootstrap's documentation, included in this repo in the root directory, is built with [Jekyll](https://jekyllrb.com) and publicly hosted on GitHub Pages at <https://getbootstrap.com>. The docs may also be run locally. ### Running documentation locally @@ -76,11 +76,11 @@ Bootstrap's documentation, included in this repo in the root directory, is built 3. From the root `/bootstrap` directory, run `bundle exec jekyll serve` in the command line. 4. Open <http://localhost:9001> in your browser, and voilà . -Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/). +Learn more about using Jekyll by reading its [documentation](https://jekyllrb.com/docs/home/). ### Documentation for previous releases -Documentation for v2.3.2 has been made available for the time being at <http://getbootstrap.com/2.3.2/> while folks transition to Bootstrap 3. +Documentation for v2.3.2 has been made available for the time being at <https://getbootstrap.com/2.3.2/> while folks transition to Bootstrap 3. [Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download. @@ -101,7 +101,7 @@ Editor preferences are available in the [editor config](https://github.com/twbs/ Get updates on Bootstrap's development and chat with the project maintainers and community members. - Follow [@getbootstrap on Twitter](https://twitter.com/getbootstrap). -- Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com). +- Read and subscribe to [The Official Bootstrap Blog](https://blog.getbootstrap.com). - Join [the official Slack room](https://bootstrap-slack.herokuapp.com). - Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##bootstrap` channel. - Implementation help may be found at Stack Overflow (tagged [`bootstrap-4`](https://stackoverflow.com/questions/tagged/bootstrap-4)). @@ -113,7 +113,7 @@ Get updates on Bootstrap's development and chat with the project maintainers and For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under [the Semantic Versioning guidelines](http://semver.org/). Sometimes we screw up, but we'll adhere to those rules whenever possible. -See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap. Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release. +See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap. Release announcement posts on [the official Bootstrap blog](https://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release. ## Creators diff --git a/_config.yml b/_config.yml index 31c708ecd4131772c44e6732ab9376f82fedbd00..c2805e81af2314bce8d11564680c0ac23e774183 100644 --- a/_config.yml +++ b/_config.yml @@ -14,7 +14,7 @@ destination: _gh_pages host: 0.0.0.0 port: 9001 baseurl: "" -url: http://v4-alpha.getbootstrap.com +url: https://v4-alpha.getbootstrap.com encoding: UTF-8 exclude: [assets/scss/] @@ -39,9 +39,9 @@ download: source: https://github.com/twbs/bootstrap/archive/v4.0.0-alpha.4.zip dist: https://github.com/twbs/bootstrap/releases/download/v4.0.0-alpha.4/bootstrap-4.0.0-alpha.4-dist.zip -blog: http://blog.getbootstrap.com -expo: http://expo.getbootstrap.com -themes: http://themes.getbootstrap.com +blog: https://blog.getbootstrap.com +expo: https://expo.getbootstrap.com +themes: https://themes.getbootstrap.com cdn: # See https://www.srihash.org for info on how to generate the hashes diff --git a/bower.json b/bower.json index ef01e93e3d49c1ffd80f9a227c43712c2e62768b..ae8539828407f26d04d12ab434355e15418c2c68 100644 --- a/bower.json +++ b/bower.json @@ -11,7 +11,7 @@ "framework", "web" ], - "homepage": "http://getbootstrap.com", + "homepage": "https://getbootstrap.com", "license": "MIT", "moduleType": "globals", "main": [ diff --git a/composer.json b/composer.json index e348db2f6dfb272b44f9c8172c108afa5ecc15aa..93553070b0ef7bb027b47583b646c61123098ec7 100644 --- a/composer.json +++ b/composer.json @@ -11,7 +11,7 @@ "framework", "web" ], - "homepage": "http://getbootstrap.com", + "homepage": "https://getbootstrap.com", "authors": [ { "name": "Mark Otto", diff --git a/docs/_data/showcase.yml b/docs/_data/showcase.yml index 45e9b0ccc084cbab4735df7bee962da9b96a0844..435286f39b70a5234ea1d4bd78e4fd7d322a0360 100644 --- a/docs/_data/showcase.yml +++ b/docs/_data/showcase.yml @@ -1,19 +1,19 @@ - name: Lyft url: https://www.lyft.com - expo_url: http://expo.getbootstrap.com/2014/10/29/lyft/ + expo_url: https://expo.getbootstrap.com/2014/10/29/lyft/ img: lyft - name: Vogue url: http://www.vogue.com - expo_url: http://expo.getbootstrap.com/2014/09/30/vogue/ + expo_url: https://expo.getbootstrap.com/2014/09/30/vogue/ img: vogue - name: Riot Design url: http://riotdesign.eu/en/ - expo_url: http://expo.getbootstrap.com/2014/03/13/riot-design/ + expo_url: https://expo.getbootstrap.com/2014/03/13/riot-design/ img: riot - name: Newsweek url: http://www.newsweek.com/ - expo_url: http://expo.getbootstrap.com/2014/02/12/newsweek/ + expo_url: https://expo.getbootstrap.com/2014/02/12/newsweek/ img: newsweek diff --git a/docs/_data/translations.yml b/docs/_data/translations.yml index de7ba990b5e486f512fe05f5f74c20bc1402fca8..951f9756b9b0a69f8aac569e5a67228e43965125 100644 --- a/docs/_data/translations.yml +++ b/docs/_data/translations.yml @@ -16,4 +16,4 @@ - name: Brazilian Portuguese code: pt-BR description: Bootstrap 4 Português do Brasil - url: http://bootstrapbrasil.github.io/v4/ + url: https://bootstrapbrasil.github.io/v4/ diff --git a/docs/_includes/nav-docs.html b/docs/_includes/nav-docs.html index b4f4d1f9ecaeb4461c99c5dfe5f0444bcb1f15fc..f9a7554f07d2903563dd23b3578704fa898fd384 100644 --- a/docs/_includes/nav-docs.html +++ b/docs/_includes/nav-docs.html @@ -33,7 +33,7 @@ {% endif %} <li class="{{ active }}"> - <a href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' | replace:'-&-','-' }}"> + <a href="{{ site.baseurl }}/{{ group.title | downcase | replace: ' ', '-' }}/{{ doc.title | downcase | replace: ' ', '-' | replace:'-&-','-' }}/"> {{ doc.title }} </a> diff --git a/docs/about/brand.md b/docs/about/brand.md index 546e9c1542c433642d94ee6b9f55a0b4265ddb96..3687bdceb009bdd00d7bc07a5b1ef27fbe43e333 100644 --- a/docs/about/brand.md +++ b/docs/about/brand.md @@ -5,7 +5,7 @@ description: Documentation and examples for Bootstrap's logo and brand usage gui group: about --- -Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's [Brand Assets](http://mailchimp.com/about/brand-assets/). +Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's [Brand Assets](https://mailchimp.com/about/brand-assets/). ## Mark and logo diff --git a/docs/assets/js/ie10-viewport-bug-workaround.js b/docs/assets/js/ie10-viewport-bug-workaround.js index 629ad5e56c1270aa6c0aae5e0950d84b897b876f..0aecf6b305bbd19936dbfd0e069a53401c986caa 100644 --- a/docs/assets/js/ie10-viewport-bug-workaround.js +++ b/docs/assets/js/ie10-viewport-bug-workaround.js @@ -6,7 +6,7 @@ */ // See the Getting Started docs for more information: -// http://getbootstrap.com/getting-started/#support-ie10-width +// https://getbootstrap.com/getting-started/#support-ie10-width (function () { 'use strict'; diff --git a/docs/assets/js/src/application.js b/docs/assets/js/src/application.js index 444b69b5c912d719eb99dc22a3d667b66539d2c4..4f72ef13babc8bbfd6b9152f8f57fae99a227971 100644 --- a/docs/assets/js/src/application.js +++ b/docs/assets/js/src/application.js @@ -3,7 +3,7 @@ // ++++++++++++++++++++++++++++++++++++++++++ /*! - * JavaScript for Bootstrap's docs (http://getbootstrap.com) + * JavaScript for Bootstrap's docs (https://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss index 17a11cf2dbf422c5d784b55c6bf179a4d7e7dd7d..c55657af3c546ca6df07251360fc76206804e0d1 100644 --- a/docs/assets/scss/docs.scss +++ b/docs/assets/scss/docs.scss @@ -1,5 +1,5 @@ /*! - * Bootstrap Docs (http://getbootstrap.com) + * Bootstrap Docs (https://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For diff --git a/docs/browser-bugs.md b/docs/browser-bugs.md index eefeb86cf6f129e575cc43e00ed81cdd0c2f9834..a026432c1db436d92bbdc528468ad978a7c7bbd2 100644 --- a/docs/browser-bugs.md +++ b/docs/browser-bugs.md @@ -32,7 +32,7 @@ See also: <tr> <td>{{ bug.browser }}</td> <td>{{ bug.summary | markdownify | bugify }}</td> - <td>{{ bug.upstream_bug | bugify }}</td> + <td>{{ bug.upstream_bug | bugify }}</td> <td>{{ bug.origin | bugify }}</td> </tr> {% endfor %} diff --git a/docs/components/card.md b/docs/components/card.md index 04f028189897124017991460ba298ca9a7a5bf21..64cf6c1c525e7029ee666fd1115703124e343725 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -142,7 +142,7 @@ Using custom widths: ## Text alignment -You can quickly change the text alignment of any card—in its entirety or specific parts—with our [text align classes]({{ site.baseurl }}/components/utilities/#text-alignment). +You can quickly change the text alignment of any card—in its entirety or specific parts—with our [text align classes]({{ site.baseurl }}/utilities/typography/#text-alignment). {% example html %} <div class="card card-block"> @@ -435,7 +435,7 @@ In need of a colored card, but not the hefty background colors they bring? Repla ## Groups -Use card groups to render cards as a single, attached element with equal width and height columns. By default, card groups use `display: table;` and `table-layout: fixed;` to achieve their uniform sizing. However, enabling [flexbox mode]({{ site.baseurl }}/getting-started/flexbox) can switch that to use `display: flex;` and provide the same effect. +Use card groups to render cards as a single, attached element with equal width and height columns. By default, card groups use `display: table;` and `table-layout: fixed;` to achieve their uniform sizing. However, enabling [flexbox mode]({{ site.baseurl }}/getting-started/flexbox/) can switch that to use `display: flex;` and provide the same effect. Only applies to small devices and above. diff --git a/docs/components/carousel.md b/docs/components/carousel.md index 5bc2997742d9cf6ad921e2c8838d872084e2ca8f..64b012b0e038076c9fa5ec494e92c81453244de6 100644 --- a/docs/components/carousel.md +++ b/docs/components/carousel.md @@ -5,7 +5,7 @@ description: A slideshow component for cycling through elements—images or slid group: components --- -A slideshow component for cycling through elements—images or slides of text—like a carousel. In browsers where the [Page Visibility API](http://www.w3.org/TR/page-visibility/) is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.). **Nested carousels are not supported.** +A slideshow component for cycling through elements—images or slides of text—like a carousel. In browsers where the [Page Visibility API](https://www.w3.org/TR/page-visibility/) is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.). **Nested carousels are not supported.** ## Contents diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index db26ffe874dc2be78f62f68b2af00ed5426717ff..68c388f21ff8e716e651917647ff57e9dd302f21 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -37,7 +37,7 @@ And with `<a>` elements: {% example html %} <div class="dropdown open"> - <a class="btn btn-secondary dropdown-toggle" href="http://example.com" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + <a class="btn btn-secondary dropdown-toggle" href="https://example.com" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown link </a> diff --git a/docs/components/forms.md b/docs/components/forms.md index de66cde98cbf958291fc2dc909b5cc8bc843ac77..ac5b62e34b137cf45fbb2f97e220c4dd92943cee 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -192,7 +192,7 @@ Here are examples of `.form-control` applied to each textual HTML5 `<input>` `ty <div class="form-group row"> <label for="example-url-input" class="col-xs-2 col-form-label">URL</label> <div class="col-xs-10"> - <input class="form-control" type="url" value="http://getbootstrap.com" id="example-url-input"> + <input class="form-control" type="url" value="https://getbootstrap.com" id="example-url-input"> </div> </div> <div class="form-group row"> @@ -340,7 +340,7 @@ Assistive technologies such as screen readers will have trouble with your forms ### Using the Grid -For more structured form layouts that are also responsive, you can utilize Bootstrap's [predefined grid classes](/layout/grid/#predefined-classes) or [mixins](/layout/grid/#sass-mixins) to create horizontal forms. Add the `.row` class to form groups and use the `.col-*-*` classes to specify the width of your labels and controls. +For more structured form layouts that are also responsive, you can utilize Bootstrap's [predefined grid classes]({{ site.baseurl }}/layout/grid/#predefined-classes) or [mixins]({{ site.baseurl }}/layout/grid/#sass-mixins) to create horizontal forms. Add the `.row` class to form groups and use the `.col-*-*` classes to specify the width of your labels and controls. Be sure to add `.col-form-label` to your `<label>`s as well so they're vertically centered with their associated form controls. For `<legend>` elements, you can use `.col-form-legend` to make them appear similar to regular `<label>` elements. @@ -585,7 +585,7 @@ Add the `disabled` attribute to a `<fieldset>` to disable all the controls withi {% callout warning %} #### Caveat about link functionality of `<a>` -By default, browsers will treat all native form controls (`<input>`, `<select>` and `<button>` elements) inside a `<fieldset disabled>` as disabled, preventing both keyboard and mouse interactions on them. However, if your form also includes `<a ... class="btn btn-*">` elements, these will only be given a style of `pointer-events: none`. As noted in the section about [disabled state for buttons](../buttons/#disabled-state) (and specifically in the sub-section for anchor elements), this CSS property is not yet standardized and isn't fully supported in Opera 18 and below, or in Internet Explorer 11, and won't prevent keyboard users from being able to focus or activate these links. So to be safe, use custom JavaScript to disable such links. +By default, browsers will treat all native form controls (`<input>`, `<select>` and `<button>` elements) inside a `<fieldset disabled>` as disabled, preventing both keyboard and mouse interactions on them. However, if your form also includes `<a ... class="btn btn-*">` elements, these will only be given a style of `pointer-events: none`. As noted in the section about [disabled state for buttons]({{ site.baseurl }}/buttons/#disabled-state) (and specifically in the sub-section for anchor elements), this CSS property is not yet standardized and isn't fully supported in Opera 18 and below, or in Internet Explorer 11, and won't prevent keyboard users from being able to focus or activate these links. So to be safe, use custom JavaScript to disable such links. {% endcallout %} {% callout danger %} @@ -704,7 +704,7 @@ Here are some examples of the aforementioned classes in action. 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](../components/#glyphicons) (with appropriate alternative text using the `.sr-only` class - see the [Glyphicon examples](../components/#glyphicons-examples)), or by providing an additional [help text](#forms-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]({{ site.baseurl }}/components/#glyphicons) (with appropriate alternative text using the `.sr-only` class - see the [Glyphicon examples]({{ site.baseurl }}/components/#glyphicons-examples)), or by providing an additional [help text](#forms-help-text) block. Specifically for assistive technologies, invalid form controls can also be assigned an `aria-invalid="true"` attribute. {% endcallout %} {% endcomment %} diff --git a/docs/components/navbar.md b/docs/components/navbar.md index 6cd770dfd0eb8c7ec9d08f68dc70e1e28309a15c..4d67b5663dd4bbec9bfe6e4fc443ebbd944178b5 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -27,7 +27,7 @@ Navbars come with built-in support for a handful of sub-components. Mix and matc - `.navbar-brand` for your company, product, or project name - `.navbar-nav` for a full-height and lightweight navigation (including support for dropdowns) -- `.navbar-toggler` for use with our collapse plugin and other [navigation toggling](#collapsing-content) behaviors. +- `.navbar-toggler` for use with our collapse plugin and other [navigation toggling](#collapsible-content) behaviors. Here's an example of all the sub-components included in a default, light navbar: diff --git a/docs/components/popovers.md b/docs/components/popovers.md index bfaaf270eeae975969f484a6d1177aabbad6c694..cc775f7221d268b8d8b7e817e22afc7584796fd5 100644 --- a/docs/components/popovers.md +++ b/docs/components/popovers.md @@ -17,8 +17,8 @@ Add small overlay content, like those found in iOS, to any element for housing s Things to know when using the popover plugin: -- Popovers rely on the 3rd party library [Tether](http://github.hubspot.com/tether/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for popovers to work! -- Popovers require the [tooltip plugin]({{ site.baseurl }}/components/tooltips) as a dependency. +- Popovers rely on the 3rd party library [Tether](http://tether.io/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for popovers to work! +- Popovers require the [tooltip plugin]({{ site.baseurl }}/components/tooltips/) as a dependency. - Popovers are opt-in for performance reasons, so **you must initialize them yourself**. - Zero-length `title` and `content` values will never show a popover. - Specify `container: 'body'` to avoid rendering problems in more complex components (like our input groups, button groups, etc). @@ -142,7 +142,7 @@ Use the `focus` trigger to dismiss popovers on the next click that the user make {% callout danger %} #### Specific markup required for dismiss-on-next-click -For proper cross-browser and cross-platform behavior, you must use the `<a>` tag, _not_ the `<button>` tag, and you also must include a [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#tabindex) attribute. +For proper cross-browser and cross-platform behavior, you must use the `<a>` tag, _not_ the `<button>` tag, and you also must include a [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) attribute. {% endcallout %} {% example html %} @@ -230,7 +230,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>selector</td> <td>string</td> <td>false</td> - <td>If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="http://jsbin.com/zopod/1/edit">an informative example</a>.</td> + <td>If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="https://jsbin.com/zopod/1/edit">an informative example</a>.</td> </tr> <tr> <td>template</td> @@ -263,13 +263,13 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>constraints</td> <td>Array</td> <td>'hover focus'</td> - <td>An array of constraints - passed through to Tether. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#constraints">constraint docs</a>.</td> + <td>An array of constraints - passed through to Tether. For more information refer to Tether's <a href="http://tether.io/#constraints">constraint docs</a>.</td> </tr> <tr> <td>offset</td> <td>string</td> <td>'0 0'</td> - <td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#offset">offset docs</a>.</td> + <td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://tether.io/#offset">offset docs</a>.</td> </tr> </tbody> </table> diff --git a/docs/components/progress.md b/docs/components/progress.md index d604e9e7c32ccd249f77b02a30e2b70e15f99dad..2d8db33cbca693bfd56ed30c3307f31642316e6d 100644 --- a/docs/components/progress.md +++ b/docs/components/progress.md @@ -14,7 +14,7 @@ Stylize [the HTML5 `<progress>` element](https://developer.mozilla.org/en-US/doc ## Example -To caption a progress bar, simply add a `<div>` with your caption text, [align the text using a utility class]({{ site.baseurl }}/components/utilities/#text-alignment), and associate the caption with the `<progress>` element using the `aria-describedby` attribute. +To caption a progress bar, simply add a `<div>` with your caption text, [align the text using a utility class]({{ site.baseurl }}/utilities/typography/#text-alignment), and associate the caption with the `<progress>` element using the `aria-describedby` attribute. {% example html %} diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index 10285701f3be9d1de75abfe1157363f5de40efc7..393406af1968da6362381c6227e53ba695335396 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -16,7 +16,7 @@ Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips a Things to know when using the tooltip plugin: -- Tooltips rely on the 3rd party library [Tether](http://github.hubspot.com/tether/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work! +- Tooltips rely on the 3rd party library [Tether](http://tether.io/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work! - Tooltips are opt-in for performance reasons, so **you must initialize them yourself**. - Tooltips with zero-length titles are never displayed. - Specify `container: 'body'` to avoid rendering problems in more complex components (like our input groups, button groups, etc). @@ -195,7 +195,7 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>selector</td> <td>string</td> <td>false</td> - <td>If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="http://jsbin.com/zopod/1/edit">an informative example</a>.</td> + <td>If a selector is provided, popover objects will be delegated to the specified targets. In practice, this is used to enable dynamic HTML content to have popovers added. See <a href="https://github.com/twbs/bootstrap/issues/4215">this</a> and <a href="https://jsbin.com/zopod/1/edit">an informative example</a>.</td> </tr> <tr> <td>template</td> @@ -227,13 +227,13 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <td>constraints</td> <td>Array</td> <td>[]</td> - <td>An array of constraints - passed through to Tether. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#constraints">constraint docs</a>.</td> + <td>An array of constraints - passed through to Tether. For more information refer to Tether's <a href="http://tether.io/#constraints">constraint docs</a>.</td> </tr> <tr> <td>offset</td> <td>string</td> <td>'0 0'</td> - <td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://github.hubspot.com/tether/#constraints">offset docs</a>.</td> + <td>Offset of the popover relative to its target. For more information refer to Tether's <a href="http://tether.io/#constraints">offset docs</a>.</td> </tr> </tbody> </table> diff --git a/docs/content/figures.md b/docs/content/figures.md index c24b5b2c85194a5ee76688a1c5059c18c2a8abb0..e1f8f93d275ff97368b1ae32a59e5a4d079beaeb 100644 --- a/docs/content/figures.md +++ b/docs/content/figures.md @@ -16,7 +16,7 @@ Use the included `.figure` , `.figure-img` and `.figure-caption` classes to prov </figure> {% endexample %} -Aligning the figure's caption is easy with our [text utilities]({{ site.baseurl }}/components/utilities/#text-alignment). +Aligning the figure's caption is easy with our [text utilities]({{ site.baseurl }}/utilities/typography/#text-alignment). {% example html %} <figure class="figure"> diff --git a/docs/content/images.md b/docs/content/images.md index 48a5dd3d426523c2eba00fa35bb05f1b00b1091e..de8677f3db1ab38fab27b72c14c9b5ff4b077353 100644 --- a/docs/content/images.md +++ b/docs/content/images.md @@ -48,7 +48,7 @@ Add classes to an `<img>` element to easily style images in any project. ## Aligning images -Align images with the [helper float classes]({{ site.baseurl }}/components/utilities/#responsive-floats) or [text alignment classes]({{ site.baseurl }}/components/utilities/#text-alignment). `block`-level images can be centered using [the `.m-x-auto` margin utility class]({{ site.baseurl }}/components/utilities/#horizontal-centering). +Align images with the [helper float classes]({{ site.baseurl }}/utilities/responsive-helpers/#responsive-floats) or [text alignment classes]({{ site.baseurl }}/utilities/typography/#text-alignment). `block`-level images can be centered using [the `.m-x-auto` margin utility class]({{ site.baseurl }}/spacing/#horizontal-centering). <div class="bd-example bd-example-images"> <img data-src="holder.js/200x200" class="img-rounded pull-xs-left" alt="A generic square placeholder image with rounded corners"> diff --git a/docs/content/reboot.md b/docs/content/reboot.md index 1d93cc9ce3a4ccd798d24610403cb172fbf41d97..5cb4be1750b3206d8102f972481c7c2b16d9743d 100644 --- a/docs/content/reboot.md +++ b/docs/content/reboot.md @@ -321,7 +321,7 @@ HTML5 adds [a new global attribute named `[hidden]`](https://developer.mozilla.o `[hidden]` is not compatible with jQuery's `$(...).hide()` and `$(...).show()` methods. This could potentially change in jQuery 3, but we're not holding our breath. Therefore, we don't currently especially endorse `[hidden]` over other techniques for managing the `display` of elements. {% endcallout %} -To merely toggle the visibility of an element, meaning its `display` is not modified and the element can still affect the flow of the document, use [the `.invisible` class]({{ site.baseurl }}/components/utilities/#invisible-content) instead. +To merely toggle the visibility of an element, meaning its `display` is not modified and the element can still affect the flow of the document, use [the `.invisible` class]({{ site.baseurl }}/utilities/invisible-content/) instead. ## Click delay optimization for touch @@ -335,4 +335,4 @@ To address this problem in IE11 and Microsoft Edge on desktop, as well as IE11 o In the case of old iOS versions (prior to 9.3), the suggested approach is to use additional scripts such as [FastClick](https://github.com/ftlabs/fastclick) to explicitly work around the delay. -For further details, see the compatibility table for [suppressing 300ms delay for touchscreen interactions](http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay). +For further details, see the compatibility table for [suppressing 300ms delay for touchscreen interactions](https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay). diff --git a/docs/content/tables.md b/docs/content/tables.md index f2741b7342466ff0ecaaf4752f567324bb53e2d8..0e40c0ef7a6659cbae8781c16e19fc7dc78ca115 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -576,7 +576,7 @@ Use contextual classes to color table rows or individual cells. </tr> {% endhighlight %} -Regular table background variants are not available with the inverse table, however, you may use [text or background utilities](/components/utilities/#contextual-colors-and-backgrounds) to achieve similar styles. +Regular table background variants are not available with the inverse table, however, you may use [text or background utilities]({{ site.baseurl }}/utilities/colors/) to achieve similar styles. <div class="bd-example"> <table class="table table-inverse"> diff --git a/docs/content/typography.md b/docs/content/typography.md index f9b5913d23c68745c789e08842cd412b330a4f22..1d5c3589dfc1490276a52531030f1d94e329a79b 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -5,7 +5,7 @@ description: Documentation and examples for Bootstrap typography, including glob group: content --- -Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/components/utilities/). +Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/utilities/). ## Contents @@ -16,7 +16,7 @@ Bootstrap includes simple and easily customized typography for headings, body te Bootstrap sets basic global display, typography, and link styles. Specifically, we: -- Use a [native font stack](/content/reboot/#native-font-stack) that selects the best `font-family` for each OS and device. +- Use a [native font stack]({{ site.baseurl }}/content/reboot/#native-font-stack) that selects the best `font-family` for each OS and device. - Use the `$font-family-base`, `$font-size-base`, and `$line-height-base` attributes as our typographic base applied to the `<body>`. - Set the global link color via `$link-color` and apply link underlines only on `:hover`. - Use `$body-bg` to set a `background-color` on the `<body>` (`#fff` by default). @@ -150,7 +150,7 @@ While not shown above, feel free to use `<b>` and `<i>` in HTML5. `<b>` is meant ## Text utilities -Change text alignment, transform, style, weight, and color with our [text utilities]({{ site.baseurl }}/components/utilities/#text-alignment). +Change text alignment, transform, style, weight, and color with our [text utilities]({{ site.baseurl }}/utilities/typography/#text-alignment). ## Abbreviations diff --git a/docs/examples/blog/index.html b/docs/examples/blog/index.html index bfbb955b5a9479bead134ffe8595a74b91fc4c12..e4ef18ddca3041992b3193c6655ce0d53098f8d0 100644 --- a/docs/examples/blog/index.html +++ b/docs/examples/blog/index.html @@ -148,7 +148,7 @@ </div><!-- /.container --> <footer class="blog-footer"> - <p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p> + <p>Blog template built for <a href="https://getbootstrap.com">Bootstrap</a> by <a href="https://twitter.com/mdo">@mdo</a>.</p> <p> <a href="#">Back to top</a> </p> diff --git a/docs/examples/cover/index.html b/docs/examples/cover/index.html index 930e10bf89117bf961d68ef691b07e8b5fd07155..9518792dd8b23290a962ae7a3a3497b7c599845e 100644 --- a/docs/examples/cover/index.html +++ b/docs/examples/cover/index.html @@ -47,7 +47,7 @@ <div class="mastfoot"> <div class="inner"> - <p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> + <p>Cover template for <a href="https://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> </div> </div> diff --git a/docs/examples/grid/index.html b/docs/examples/grid/index.html index 33140b1e11f59ea43fdfccd7f99808f954e76a3c..02df70804b395edbde288986ccea31c601ce1d9e 100644 --- a/docs/examples/grid/index.html +++ b/docs/examples/grid/index.html @@ -135,7 +135,7 @@ <hr> <h3>Column clearing</h3> - <p><a href="http://getbootstrap.com/css/#grid-responsive-resets">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p> + <p><a href="https://getbootstrap.com/css/#grid-responsive-resets">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p> <div class="row"> <div class="col-xs-6 col-sm-3"> .col-xs-6 .col-sm-3 diff --git a/docs/examples/index.md b/docs/examples/index.md index 8a4b6721133459144a89b711ad0501f171c55204..49e43793a150f11fe44b899209ed205bfd423a1b 100644 --- a/docs/examples/index.md +++ b/docs/examples/index.md @@ -130,7 +130,7 @@ Brand new components and templates to help folks quickly get started with Bootst <img class="img-thumbnail" src="{{ site.baseurl }}/examples/screenshots/justified-nav.jpg" alt=""> </a> <h4>Justified nav</h4> - <p>Create a custom navbar with justified links. Heads up! <a href="{{ site.baseurl }}components/#nav-justified">Not too Safari friendly.</a></p> + <p>Create a custom navbar with justified links. Heads up! Not too Safari friendly.</p> </div> <div class="col-xs-6 col-md-4"> <a href="{{ site.baseurl }}/examples/sticky-footer/"> diff --git a/docs/examples/navbar-top-fixed/index.html b/docs/examples/navbar-top-fixed/index.html index 7739b9e4636d42a05b5d79b884959dfa39c3bb8a..45514d854ed75c2f302ef296306ae5ec69d412e3 100644 --- a/docs/examples/navbar-top-fixed/index.html +++ b/docs/examples/navbar-top-fixed/index.html @@ -35,7 +35,7 @@ <div class="jumbotron"> <h1>Navbar example</h1> <p class="lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser's viewport.</p> - <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs »</a> + <a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a> </div> </div> diff --git a/docs/examples/navbar-top/index.html b/docs/examples/navbar-top/index.html index b9dab943b0f9813b4d062a7146db772c9b16a3f6..66e7754adbb4bdee25e1e15769cbb0554d539bb5 100644 --- a/docs/examples/navbar-top/index.html +++ b/docs/examples/navbar-top/index.html @@ -33,7 +33,7 @@ <div class="jumbotron"> <h1>Navbar example</h1> <p class="lead">This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page.</p> - <a class="btn btn-lg btn-primary" href="../../components/#navbar" role="button">View navbar docs »</a> + <a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a> </div> </div> diff --git a/docs/examples/navbar/index.html b/docs/examples/navbar/index.html index f69139ee203f16b4f9e2dc33aefe64c2da559121..5637e60f47d47dce74723e0caa31254ffaca7c63 100644 --- a/docs/examples/navbar/index.html +++ b/docs/examples/navbar/index.html @@ -52,7 +52,7 @@ <p>This example is a quick exercise to illustrate how the default responsive navbar works. It's placed within a <code>.container</code> to limit its width and will scroll with the rest of the page's content.</p> <p>At the smallest breakpoint, the collapse plugin is used to hide the links and show a menu button to toggle the collapsed content.</p> <p> - <a class="btn btn-lg btn-primary" href="../../components/navbar" role="button">View navbar docs »</a> + <a class="btn btn-lg btn-primary" href="../../components/navbar/" role="button">View navbar docs »</a> </p> </div> diff --git a/docs/getting-started/accessibility.md b/docs/getting-started/accessibility.md index 19105b8ac7eac793bf57b5658bd775f62724ec34..d7ecd8cecd942b0146a0add3cf84da72051c4129 100644 --- a/docs/getting-started/accessibility.md +++ b/docs/getting-started/accessibility.md @@ -47,7 +47,7 @@ Note that this bug will also affect any other in-page links your site may be usi When nesting headings (`<h1>` - `<h6>`), your primary document header should be an `<h1>`. Subsequent headings should make logical use of `<h2>` - `<h6>` such that screen readers can construct a table of contents for your pages. -Learn more at [HTML CodeSniffer](http://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/) and [Penn State's Accessability](http://accessibility.psu.edu/headings). +Learn more at [HTML CodeSniffer](https://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/) and [Penn State's Accessability](http://accessibility.psu.edu/headings). ## Additional resources diff --git a/docs/getting-started/browsers-devices.md b/docs/getting-started/browsers-devices.md index 4e0b0c78b2a7f6d42710010883cfc242683f17b2..842092ccf1d6f9be456b1ecf94b2809ecc97fe6e 100644 --- a/docs/getting-started/browsers-devices.md +++ b/docs/getting-started/browsers-devices.md @@ -172,7 +172,7 @@ See [this StackOverflow question](https://stackoverflow.com/questions/6771258/wh ## Internet Explorer 10 in Windows Phone 8 -Internet Explorer 10 in Windows Phone 8 versions older than [Update 3 (a.k.a. GDR3)](http://blogs.windows.com/windows_phone/b/wpdev/archive/2013/10/14/introducing-windows-phone-preview-for-developers.aspx) 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**. +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-2015 The Bootstrap Authors @@ -189,7 +189,7 @@ if (navigator.userAgent.match(/IEMobile\/10\.0/)) { } {% endhighlight %} -For more information and usage guidelines, read [Windows Phone 8 and Device-Width](http://timkadlec.com/2013/01/windows-phone-8-and-device-width/). +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. diff --git a/docs/getting-started/build-tools.md b/docs/getting-started/build-tools.md index 4d684f3ac1594687c042031ffad5888796800446..a6d0593fadf37e23dafff59a6b11e395a68b4ba8 100644 --- a/docs/getting-started/build-tools.md +++ b/docs/getting-started/build-tools.md @@ -20,7 +20,7 @@ To use our Gruntfile and run our documentation locally, you'll need a copy of Bo When completed, you'll be able to run the various Grunt commands provided from the command line. [install-ruby]: https://www.ruby-lang.org/en/documentation/installation/ -[gembundler]: http://bundler.io/ +[gembundler]: https://bundler.io/ ## Using Grunt @@ -30,7 +30,7 @@ Our Gruntfile includes the following commands and tasks: | --- | --- | | `grunt` | Run `grunt` to run tests locally and compile the CSS and JavaScript into `/dist`. **Uses [Sass](http://sass-lang.com/), [Autoprefixer][autoprefixer], and [UglifyJS](http://lisperator.net/uglifyjs/).** | | `grunt dist` | `grunt dist` creates the `/dist` directory with compiled files. **Uses [Sass](http://sass-lang.com/), [Autoprefixer][autoprefixer], and [UglifyJS](http://lisperator.net/uglifyjs/).** | -| `grunt test` | Runs [scss-lint](https://github.com/brigade/scss-lint), [ESLint](http://eslint.org/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/) (used for CI). | +| `grunt test` | Runs [scss-lint](https://github.com/brigade/scss-lint), [ESLint](http://eslint.org/) and [QUnit](https://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/) (used for CI). | | `grunt docs` | Builds and tests CSS, JavaScript, and other assets which are used when running the documentation locally via `jekyll serve`. | | `grunt watch` | This is a convenience method for watching just Sass files and automatically building them whenever you save. | @@ -57,7 +57,7 @@ Running our documentation locally requires the use of Jekyll, a decently flexibl 2. From the root `/bootstrap` directory, run `bundle exec jekyll serve` in the command line. 3. Open <http://localhost:9001> in your browser, and voilà . -Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/). +Learn more about using Jekyll by reading its [documentation](https://jekyllrb.com/docs/home/). ## Troubleshooting diff --git a/docs/getting-started/download.md b/docs/getting-started/download.md index 183dd0abd0b01c9d446962d5eed0eab7d871183e..e3cf1e474bb978de113bd4005cf5c7325ec56c7a 100644 --- a/docs/getting-started/download.md +++ b/docs/getting-started/download.md @@ -37,7 +37,7 @@ Bootstrap's `package.json` contains some additional metadata under the following ### RubyGems -Install Bootstrap in your Ruby apps using [Bundler](http://bundler.io/) (**recommended**) and [RubyGems](https://rubygems.org/) by adding the following line to your [`Gemfile`](http://bundler.io/gemfile.html): +Install Bootstrap in your Ruby apps using [Bundler](https://bundler.io/) (**recommended**) and [RubyGems](https://rubygems.org/) by adding the following line to your [`Gemfile`](https://bundler.io/gemfile.html): {% highlight ruby %} gem 'bootstrap', '~> 4.0.0.alpha3' @@ -67,7 +67,7 @@ $ composer require twbs/bootstrap:{{ site.current_version }} ### Bower -Install and manage Bootstrap's Sass and JavaScript using [Bower](http://bower.io). +Install and manage Bootstrap's Sass and JavaScript using [Bower](https://bower.io). {% highlight bash %} $ bower install bootstrap#v{{ site.current_version }} diff --git a/docs/getting-started/flexbox.md b/docs/getting-started/flexbox.md index b658001feba89dca739019726a82e42fe2829608..f0acc3dcbd66f0069414d742f2cf71248f608a3c 100644 --- a/docs/getting-started/flexbox.md +++ b/docs/getting-started/flexbox.md @@ -40,7 +40,7 @@ If you're familiar with modifying variables in Sass—or any other CSS preproces 2. Change it from `false` to `true`. 3. Recompile, and done! -Alternatively, if you don't need the source Sass files, you may swap the default Bootstrap compiled CSS with the compiled flexbox variation. [Head to the download page]({{ site.baseurl }}/getting-started/download) for more information. +Alternatively, if you don't need the source Sass files, you may swap the default Bootstrap compiled CSS with the compiled flexbox variation. [Head to the download page]({{ site.baseurl }}/getting-started/download/) for more information. ## Browser support diff --git a/docs/getting-started/introduction.md b/docs/getting-started/introduction.md index 716f6f3494bdb353bf148eca3746be8c19598c70..bb9f0ea5f1566b08adb8774b283f8d38ac5e1aba 100644 --- a/docs/getting-started/introduction.md +++ b/docs/getting-started/introduction.md @@ -17,7 +17,7 @@ Here's how to quickly get started with the Bootstrap CDN and a template starter ## 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 }}/getting-started/download) +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 }}/getting-started/download/) Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets to load our CSS. @@ -40,7 +40,7 @@ And that's it—you're on your way to a fully Bootstrapped site. If you're at al Be sure to have your pages set up with the latest design and development standards. That means: * Using an HTML5 doctype -* Forcing Internet Explorer to use its latest rendering mode ([read more](http://stackoverflow.com/q/6771258)) +* Forcing Internet Explorer to use its latest rendering mode ([read more](https://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do)) * And, utilizing the viewport meta tag. Put it all together and your pages should look like this: @@ -68,7 +68,7 @@ Put it all together and your pages should look like this: </html> {% endhighlight %} -That's all you need for overall page requirements. Visit the [Layout docs]({{ site.baseurl }}/layout/overview) or [our official examples]({{ site.baseurl }}/examples/) to start laying out your site's content and components. +That's all you need for overall page requirements. Visit the [Layout docs]({{ site.baseurl }}/layout/overview/) or [our official examples]({{ site.baseurl }}/examples/) to start laying out your site's content and components. ## Important globals @@ -115,7 +115,7 @@ Learn more about [box model and sizing at CSS Tricks](https://css-tricks.com/box ### Normalize.css -For improved cross-browser rendering, we use [Normalize.css](http://necolas.github.io/normalize.css/) to correct small inconsistencies across browsers and devices. We further build on this with our own, slightly more opinionated styles with [Reboot]({{ site.baseurl }}/content/reboot/). +For improved cross-browser rendering, we use [Normalize.css](https://necolas.github.io/normalize.css/) to correct small inconsistencies across browsers and devices. We further build on this with our own, slightly more opinionated styles with [Reboot]({{ site.baseurl }}/content/reboot/). ## Community diff --git a/docs/index.html b/docs/index.html index 8039ab1ae4b55c1ffad99a1a37d131f92f019a97..81e71f20ce018e7d75c6cc46867ce40935daa888 100644 --- a/docs/index.html +++ b/docs/index.html @@ -7,7 +7,7 @@ layout: home <span class="bd-booticon outline">B</span> <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p> <p class="lead"> - <a href="{{ site.baseurl }}/getting-started/download" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a> + <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a> </p> <p class="version">Currently v{{ site.current_version }}</p> {% include ads.html %} @@ -92,7 +92,7 @@ layout: home <div class="bd-featurette"> <div class="container"> <h2 class="bd-featurette-title">Built with Bootstrap.</h2> - <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="../examples">collection of examples</a> or by exploring some of our favorites.</p> + <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="{{ site.baseurl }}/examples/">collection of examples</a> or by exploring some of our favorites.</p> <div class="row bd-featured-sites"> {% for showcase in site.data.showcase %} diff --git a/docs/layout/flexbox-grid.md b/docs/layout/flexbox-grid.md index 0eae713b36f03f87bac8f365d8fbe292057eb95a..80db93c934c9370daf3404bce81fc15e374079f6 100644 --- a/docs/layout/flexbox-grid.md +++ b/docs/layout/flexbox-grid.md @@ -5,9 +5,9 @@ description: Documentation and examples for using Bootstrap's optional flexbox g group: layout --- -Fancy a more modern grid system? [Enable flexbox support in Bootstrap](/getting-started/flexbox) to take full advantage of CSS's Flexible Box module for even more control over your site's layout, alignment, and distribution of content. +Fancy a more modern grid system? [Enable flexbox support in Bootstrap]({{ site.baseurl }}/getting-started/flexbox/) to take full advantage of CSS's Flexible Box module for even more control over your site's layout, alignment, and distribution of content. -Bootstrap's flexbox grid includes support for every feature from our [default grid system](/layout/grid), and then some. Please read the [default grid system docs](/layout/grid) before proceeding through this page. Features that are covered there are only summarized here. Please note that **Internet Explorer 9 does not support flexbox**, so proceed with caution when enabling it. +Bootstrap's flexbox grid includes support for every feature from our [default grid system]({{ site.baseurl }}/layout/grid/), and then some. Please read the [default grid system docs]({{ site.baseurl }}/layout/grid/) before proceeding through this page. Features that are covered there are only summarized here. Please note that **Internet Explorer 9 does not support flexbox**, so proceed with caution when enabling it. {% callout warning %} **Heads up!** This flexbox grid documentation is powered by an additional CSS file that overrides our default grid system's CSS. This is only available in our hosted docs and is disabled in development. @@ -22,7 +22,7 @@ Bootstrap's flexbox grid includes support for every feature from our [default gr The flexbox grid system behaves similar to our default grid system, but with a few notable differences: -- [Grid mixins](/layout/grid#sass-mixins) and [predefined classes](/layout/grid#predefined-classes) include support for flexbox. Just [enable flexbox support](/getting-started/flexbox) to utilize them as you would otherwise. +- [Grid mixins]({{ site.baseurl }}/layout/grid#sass-mixins) and [predefined classes]({{ site.baseurl }}/layout/grid#predefined-classes) include support for flexbox. Just [enable flexbox support]({{ site.baseurl }}/getting-started/flexbox/) to utilize them as you would otherwise. - Nesting, offsets, pushes, and pulls are all supported in the flexbox grid system. - Flexbox grid columns without a set width will automatically layout with equal widths. For example, four columns will each automatically be 25% wide. - Flexbox grid columns have significantly more alignment options available, including vertical alignment. diff --git a/docs/layout/grid.md b/docs/layout/grid.md index 0466fc7bfb12f864171c839840aaa80d9f6099cf..26ff36c41098b13c85d0c720dd294e13e95e8119 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -246,7 +246,7 @@ Mixins are used in conjunction with the grid variables to generate semantic CSS You can modify the variables to your own custom values, or just use the mixins with their default values. Here's an example of using the default settings to create a two-column layout with a gap between. -See it in action in <a href="http://jsbin.com/ruxona/edit">this rendered example</a>. +See it in action in <a href="https://jsbin.com/ruxona/edit?html,output">this rendered example</a>. {% highlight scss %} .container { diff --git a/docs/migration.md b/docs/migration.md index 67b9b4a693b7165fa65c098bd161725a409074e9..c25d98277996dfee170f046cba801442394ffc05 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -41,7 +41,7 @@ Here are the big ticket items you'll want to be aware of when moving from v3 to - Dropped panels, thumbnails, and wells for a new all-encompassing component, cards. - Dropped the Glyphicons icon font. If you need icons, some options are: - - the upstream version of [Glyphicons](http://glyphicons.com/) + - the upstream version of [Glyphicons](https://glyphicons.com/) - [Octicons](https://octicons.github.com/) - [Font Awesome](https://fortawesome.github.io/Font-Awesome/) - Dropped the Affix jQuery plugin. We recommend using a `position: sticky` polyfill instead. [See the HTML5 Please entry](http://html5please.com/#sticky) for details and specific polyfill recommendations. @@ -99,7 +99,7 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with - Renamed `.btn-default` to `.btn-secondary`. - Dropped the `.btn-xs` class entirely as `.btn-sm` is proportionally much smaller than v3's. -- The [stateful button](http://getbootstrap.com/javascript/#buttons-methods) feature of the `button.js` jQuery plugin has been dropped. This includes the `$().button(string)` and `$().button('reset')` methods. We advise using a tiny bit of custom JavaScript instead, which will have the benefit of behaving exactly the way you want it to. +- The [stateful button](https://getbootstrap.com/javascript/#buttons-methods) feature of the `button.js` jQuery plugin has been dropped. This includes the `$().button(string)` and `$().button('reset')` methods. We advise using a tiny bit of custom JavaScript instead, which will have the benefit of behaving exactly the way you want it to. - Note that the other features of the plugin (button checkboxes, button radios, single-toggle buttons) have been retained in v4. ### Button group @@ -129,7 +129,7 @@ New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with ### Modal -- The `remote` option (which could be used to automatically load and inject external content into a modal) and the corresponding `loaded.bs.modal` event were removed. We recommend instead using client-side templating or a data binding framework, or calling [jQuery.load](http://api.jquery.com/load/) yourself. +- The `remote` option (which could be used to automatically load and inject external content into a modal) and the corresponding `loaded.bs.modal` event were removed. We recommend instead using client-side templating or a data binding framework, or calling [jQuery.load](https://api.jquery.com/load/) yourself. ### Navs @@ -165,7 +165,7 @@ Dropped entirely for the new card component. - `.panel-default` removed and no replacement - `.panel-group` removed and no replacement. `.card-group` is not a replacement, it is different. - `.panel-heading` to `.card-header` -- `.panel-title` to `.card-header`. Depending on the desired look, you may also want to use [heading elements or classes]({{ site.baseurl }}/content/typography/#headings) (e.g. `<h3>`, `.h3`) or bold elements or classes (e.g. `<strong>`, `<b>`, [`.font-weight-bold`]({{ site.baseurl }}/components/utilities/#font-weight-and-italics)). Note that `.card-title`, while similarly named, produces a different look than `.panel-title`. +- `.panel-title` to `.card-header`. Depending on the desired look, you may also want to use [heading elements or classes]({{ site.baseurl }}/content/typography/#headings) (e.g. `<h3>`, `.h3`) or bold elements or classes (e.g. `<strong>`, `<b>`, [`.font-weight-bold`]({{ site.baseurl }}/utilities/typography/#font-weight-and-italics)). Note that `.card-title`, while similarly named, produces a different look than `.panel-title`. - `.panel-body` to `.card-block` - `.panel-footer` to `.card-footer` - `.panel-primary` to `.card-primary` and `.card-inverse` (or use `.bg-primary` on `.card-header`) diff --git a/docs/utilities/display-property.md b/docs/utilities/display-property.md index 8b3f6f616fe865b23c1d8570177928cfaae08395..50ea293673b4f52c5f9f6a764bd926ea07b8104f 100644 --- a/docs/utilities/display-property.md +++ b/docs/utilities/display-property.md @@ -6,7 +6,7 @@ group: utilities Use `.d-block`, `.d-inline`, or `.d-inline-block` to simply set an element's [`display` property](https://developer.mozilla.org/en-US/docs/Web/CSS/display) to `block`, `inline`, or `inline-block` (respectively). -To make an element `display: none`, use our [responsive utilities](../../layout/responsive-utilities/) instead. +To make an element `display: none`, use our [responsive utilities]({{ site.baseurl }}/layout/responsive-utilities/) instead. {% example html %} <div class="d-inline bg-success">Inline</div> diff --git a/docs/utilities/screenreaders.md b/docs/utilities/screenreaders.md index 576b0a18b714c151bf19c8dbe8e85fc908d7ad66..411f3ddb23c621ef41bdcde2f68f7224287cdf78 100644 --- a/docs/utilities/screenreaders.md +++ b/docs/utilities/screenreaders.md @@ -7,7 +7,7 @@ group: utilities 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). Can also be used as mixins. {% comment %} -Necessary for following [accessibility best practices](../getting-started/#accessibility). +Necessary for following [accessibility best practices]({{ site.baseurl }}/getting-started/#accessibility). {% endcomment %} {% highlight html %} diff --git a/grunt/postcss.js b/grunt/postcss.js index a6fc411ff19a60625a638aa8fec553393d2505c1..7e7eb4a7e908abc65270171acc9c52f5e3190ded 100644 --- a/grunt/postcss.js +++ b/grunt/postcss.js @@ -12,7 +12,7 @@ module.exports = { browsers: [ // // Official browser support policy: - // http://v4-alpha.getbootstrap.com/getting-started/browsers-devices/#supported-browsers + // https://v4-alpha.getbootstrap.com/getting-started/browsers-devices/#supported-browsers // 'Chrome >= 35', // Exact version number here is kinda arbitrary // Rather than using Autoprefixer's native "Firefox ESR" version specifier string, diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 08daae2f2bf5ceada9eb492dd936ed436e68e378..d012b29074f29df30d46d466cc49b4514fbedf0e 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -14,10 +14,10 @@ const Tooltip = (($) => { /** * Check for Tether dependency - * Tether - http://github.hubspot.com/tether/ + * Tether - http://tether.io/ */ if (window.Tether === undefined) { - throw new Error('Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)') + throw new Error('Bootstrap tooltips require Tether (http://tether.io/)') } diff --git a/js/tests/README.md b/js/tests/README.md index 6cdb41059bc9db2db219448b8c91ba6c2aed3b53..b2d505723b0515bc19eb3ca9d79c830e55cf9723 100644 --- a/js/tests/README.md +++ b/js/tests/README.md @@ -1,6 +1,6 @@ ## How does Bootstrap's test suite work? -Bootstrap uses [QUnit](http://api.qunitjs.com/), a powerful, easy-to-use JavaScript unit test framework. Each plugin has a file dedicated to its tests in `unit/<plugin-name>.js`. +Bootstrap uses [QUnit](https://qunitjs.com/), a powerful, easy-to-use JavaScript unit test framework. Each plugin has a file dedicated to its tests in `unit/<plugin-name>.js`. * `unit/` contains the unit test files for each Bootstrap plugin. * `vendor/` contains third-party testing-related code (QUnit and jQuery). @@ -14,7 +14,7 @@ To run the unit test suite via a real web browser, open `index.html` in the brow ## How do I add a new unit test? 1. Locate and open the file dedicated to the plugin which you need to add tests to (`unit/<plugin-name>.js`). -2. Review the [QUnit API Documentation](http://api.qunitjs.com/) and use the existing tests as references for how to structure your new tests. +2. Review the [QUnit API Documentation](https://api.qunitjs.com/) and use the existing tests as references for how to structure your new tests. 3. Write the necessary unit test(s) for the new or revised functionality. 4. Run `grunt test-js` to see the results of your newly-added test(s). @@ -24,7 +24,7 @@ To run the unit test suite via a real web browser, open `index.html` in the brow * Each test should have a unique name clearly stating what unit is being tested. * Each test should test only one unit per test, although one test can include several assertions. Create multiple tests for multiple units of functionality. -* Each test should begin with [`assert.expect`](http://api.qunitjs.com/expect/) to ensure that the expected assertions are run. +* Each test should begin with [`assert.expect`](https://api.qunitjs.com/expect/) to ensure that the expected assertions are run. * Each test should follow the project's [JavaScript Code Guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md#js) ### Example tests diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html index dec42c9cb29752e941b9666bcf7a48eed7440f5d..859ff75047de6efda881c6502fd3ad93fdf5f026 100644 --- a/js/tests/visual/carousel.html +++ b/js/tests/visual/carousel.html @@ -21,13 +21,13 @@ </ol> <div class="carousel-inner"> <div class="carousel-item active"> - <img alt="First slide" src="http://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg"> + <img alt="First slide" src="https://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg"> </div> <div class="carousel-item"> - <img alt="Second slide" src="http://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg"> + <img alt="Second slide" src="https://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg"> </div> <div class="carousel-item"> - <img alt="Third slide" src="http://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg"> + <img alt="Third slide" src="https://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg"> </div> </div> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> diff --git a/nuget/bootstrap.nuspec b/nuget/bootstrap.nuspec index 9121fa8c288950bbec8eddb39984d77e62715b0b..dd11321b9908e077b90b83bb1da74bb636e357f9 100644 --- a/nuget/bootstrap.nuspec +++ b/nuget/bootstrap.nuspec @@ -7,11 +7,11 @@ <authors>The Bootstrap Authors, Twitter Inc.</authors> <owners>bootstrap</owners> <description>The most popular front-end framework for developing responsive, mobile first projects on the web.</description> - <releaseNotes>http://blog.getbootstrap.com</releaseNotes> + <releaseNotes>https://blog.getbootstrap.com</releaseNotes> <summary>Bootstrap framework in CSS. Includes fonts and JavaScript</summary> <language>en-us</language> - <projectUrl>http://getbootstrap.com</projectUrl> - <iconUrl>http://getbootstrap.com/apple-touch-icon.png</iconUrl> + <projectUrl>https://getbootstrap.com</projectUrl> + <iconUrl>https://getbootstrap.com/apple-touch-icon.png</iconUrl> <licenseUrl>https://github.com/twbs/bootstrap/blob/master/LICENSE</licenseUrl> <copyright>Copyright 2016</copyright> <requireLicenseAcceptance>false</requireLicenseAcceptance> diff --git a/nuget/bootstrap.sass.nuspec b/nuget/bootstrap.sass.nuspec index c28a0fc5464c0d9f101ec40b8a4039578f46974e..09dab66c4807f0cf532d6ec969c614fbbf3bfda1 100644 --- a/nuget/bootstrap.sass.nuspec +++ b/nuget/bootstrap.sass.nuspec @@ -7,11 +7,11 @@ <authors>The Bootstrap Authors, Twitter Inc.</authors> <owners>bootstrap</owners> <description>The most popular front-end framework for developing responsive, mobile first projects on the web.</description> - <releaseNotes>http://blog.getbootstrap.com</releaseNotes> + <releaseNotes>https://blog.getbootstrap.com</releaseNotes> <summary>Bootstrap framework in Sass. Includes fonts and JavaScript</summary> <language>en-us</language> - <projectUrl>http://getbootstrap.com</projectUrl> - <iconUrl>http://getbootstrap.com/apple-touch-icon.png</iconUrl> + <projectUrl>https://getbootstrap.com</projectUrl> + <iconUrl>https://getbootstrap.com/apple-touch-icon.png</iconUrl> <licenseUrl>https://github.com/twbs/bootstrap/blob/master/LICENSE</licenseUrl> <copyright>Copyright 2016</copyright> <requireLicenseAcceptance>false</requireLicenseAcceptance> diff --git a/package.js b/package.js index a9f4746b40f0883b3ece491669790bba5fa88acc..a6ff6c4628208d05e849b19a6cea7d6babfcca3a 100644 --- a/package.js +++ b/package.js @@ -3,7 +3,7 @@ /* global Package:true */ Package.describe({ - name: 'twbs:bootstrap', // http://atmospherejs.com/twbs/bootstrap + name: 'twbs:bootstrap', // https://atmospherejs.com/twbs/bootstrap summary: 'The most popular front-end framework for developing responsive, mobile first projects on the web.', version: '4.0.0-alpha.4', git: 'https://github.com/twbs/bootstrap.git' diff --git a/package.json b/package.json index c056861ee77795818c6080148712d09644656bbb..76e9d4d3de27083f51f502893b6258e614a8da9b 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,7 @@ "framework", "web" ], - "homepage": "http://getbootstrap.com", + "homepage": "https://getbootstrap.com", "author": "The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)", "contributors": [ "Twitter, Inc." diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index fe30f9fadcc6abada5e251f4da13ce0cfd38d16d..30b46083bb652f7010395c7dbca7201d830b9c91 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -2,7 +2,7 @@ // Embedded icons from Open Iconic. // Released under MIT and copyright 2014 Waybury. -// http://useiconic.com/open +// https://useiconic.com/open // Checkboxes and radios diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 1fcdfa3411d417d9da651f004bf012edbee681be..461ca40e680e838c75512deb8fd134f04ff0c106 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -15,7 +15,7 @@ // // Heads up! This reset may cause conflicts with some third-party widgets. For // recommendations on resolving such conflicts, see -// http://getbootstrap.com/getting-started/#third-box-sizing. +// https://getbootstrap.com/getting-started/#third-box-sizing. // // Credit: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ @@ -33,15 +33,15 @@ html { // Make viewport responsive // // @viewport is needed because IE 10+ doesn't honor <meta name="viewport"> in -// some cases. See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/. +// some cases. See https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/. // Eventually @viewport will replace <meta name="viewport">. // // However, `device-width` is broken on IE 10 on Windows (Phone) 8, -// (see http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497) +// (see https://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497) // and the fix for that involves a snippet of JavaScript to sniff the user agent // and apply some conditional CSS. // -// See http://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack. +// See https://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack. // // Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g., // `.class-name { @import "bootstrap"; }`). @@ -247,9 +247,9 @@ img { // DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present. // However, they DO support removing the click delay via `touch-action: manipulation`. // See: -// * http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch +// * https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch // * http://caniuse.com/#feat=css-touch-action -// * http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay +// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay a, area, diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss index 219eda217b37b027b82c855e85cabbbad90dd479..ce61be8eb0908efa46d45f82555b2e39e6f9c127 100644 --- a/scss/bootstrap.scss +++ b/scss/bootstrap.scss @@ -1,5 +1,5 @@ /*! - * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com) + * Bootstrap v4.0.0-alpha.4 (https://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) diff --git a/scss/mixins/_hover.scss b/scss/mixins/_hover.scss index 4a648a54d3c5e399e5ba2c46c0f80b2fba248f33..6dd55e705a6e177d1c62c4dcdf02d2d61f33d54a 100644 --- a/scss/mixins/_hover.scss +++ b/scss/mixins/_hover.scss @@ -1,7 +1,7 @@ @mixin hover { // TODO: re-enable along with mq4-hover-shim // @if $enable-hover-media-query { -// // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover +// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover // // Currently shimmed by https://github.com/twbs/mq4-hover-shim // @media (hover: hover) { // &:hover { @content } diff --git a/scss/mixins/_screen-reader.scss b/scss/mixins/_screen-reader.scss index 6ae65516aa271dcef868cea223a407289876c579..c208583249e27836ace927941cd07db5216497f6 100644 --- a/scss/mixins/_screen-reader.scss +++ b/scss/mixins/_screen-reader.scss @@ -15,7 +15,7 @@ // Use in conjunction with .sr-only to only display content when it's focused. // -// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 +// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 // // Credit: HTML5 Boilerplate