]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
Fathom
authorMark Otto <markdotto@gmail.com>
Mon, 9 May 2022 23:59:05 +0000 (16:59 -0700)
committerMark Otto <otto@github.com>
Tue, 10 May 2022 02:40:08 +0000 (19:40 -0700)
825 files changed:
1.1.0/index.html
1.1.1/index.html
1.2.0/index.html
1.3.0/index.html
1.3.0/javascript.html
1.4.0/index.html
1.4.0/javascript.html
2.0.0/base-css.html
2.0.0/components.html
2.0.0/download.html
2.0.0/examples.html
2.0.0/javascript.html
2.0.0/less.html
2.0.0/scaffolding.html
2.0.0/upgrading.html
2.0.1/base-css.html
2.0.1/components.html
2.0.1/download.html
2.0.1/examples.html
2.0.1/index.html
2.0.1/javascript.html
2.0.1/less.html
2.0.1/scaffolding.html
2.0.1/upgrading.html
2.0.2/base-css.html
2.0.2/components.html
2.0.2/download.html
2.0.2/examples.html
2.0.2/index.html
2.0.2/javascript.html
2.0.2/less.html
2.0.2/scaffolding.html
2.0.2/upgrading.html
2.0.3/base-css.html
2.0.3/components.html
2.0.3/download.html
2.0.3/examples.html
2.0.3/index.html
2.0.3/javascript.html
2.0.3/less.html
2.0.3/scaffolding.html
2.0.3/upgrading.html
2.0.4/base-css.html
2.0.4/components.html
2.0.4/download.html
2.0.4/examples.html
2.0.4/index.html
2.0.4/javascript.html
2.0.4/less.html
2.0.4/scaffolding.html
2.0.4/upgrading.html
2.1.0/base-css.html
2.1.0/components.html
2.1.0/customize.html
2.1.0/extend.html
2.1.0/getting-started.html
2.1.0/index.html
2.1.0/javascript.html
2.1.0/scaffolding.html
2.1.1/base-css.html
2.1.1/components.html
2.1.1/customize.html
2.1.1/extend.html
2.1.1/getting-started.html
2.1.1/index.html
2.1.1/javascript.html
2.1.1/scaffolding.html
2.2.0/base-css.html
2.2.0/components.html
2.2.0/customize.html
2.2.0/extend.html
2.2.0/getting-started.html
2.2.0/index.html
2.2.0/javascript.html
2.2.0/scaffolding.html
2.2.1/base-css.html
2.2.1/components.html
2.2.1/customize.html
2.2.1/extend.html
2.2.1/getting-started.html
2.2.1/index.html
2.2.1/javascript.html
2.2.1/scaffolding.html
2.2.2/base-css.html
2.2.2/components.html
2.2.2/customize.html
2.2.2/extend.html
2.2.2/getting-started.html
2.2.2/index.html
2.2.2/javascript.html
2.2.2/scaffolding.html
2.3.0/base-css.html
2.3.0/components.html
2.3.0/customize.html
2.3.0/extend.html
2.3.0/getting-started.html
2.3.0/index.html
2.3.0/javascript.html
2.3.0/scaffolding.html
2.3.1/base-css.html
2.3.1/components.html
2.3.1/customize.html
2.3.1/extend.html
2.3.1/getting-started.html
2.3.1/index.html
2.3.1/javascript.html
2.3.1/scaffolding.html
2.3.2/base-css.html
2.3.2/components.html
2.3.2/customize.html
2.3.2/extend.html
2.3.2/getting-started.html
2.3.2/index.html
2.3.2/javascript.html
2.3.2/scaffolding.html
docs/3.3/about/index.html
docs/3.3/browser-bugs/index.html
docs/3.3/components/index.html
docs/3.3/css/index.html
docs/3.3/getting-started/index.html
docs/3.3/index.html
docs/3.3/javascript/index.html
docs/3.3/migration/index.html
docs/3.4/about/index.html
docs/3.4/browser-bugs/index.html
docs/3.4/components/index.html
docs/3.4/css/index.html
docs/3.4/customize/index.html
docs/3.4/getting-started/index.html
docs/3.4/index.html
docs/3.4/javascript/index.html
docs/3.4/migration/index.html
docs/4.0/about/brand/index.html
docs/4.0/about/history/index.html
docs/4.0/about/license/index.html
docs/4.0/about/overview/index.html
docs/4.0/about/team/index.html
docs/4.0/about/translations/index.html
docs/4.0/browser-bugs/index.html
docs/4.0/components/alerts/index.html
docs/4.0/components/badge/index.html
docs/4.0/components/breadcrumb/index.html
docs/4.0/components/button-group/index.html
docs/4.0/components/buttons/index.html
docs/4.0/components/card/index.html
docs/4.0/components/carousel/index.html
docs/4.0/components/collapse/index.html
docs/4.0/components/dropdowns/index.html
docs/4.0/components/forms/index.html
docs/4.0/components/input-group/index.html
docs/4.0/components/jumbotron/index.html
docs/4.0/components/list-group/index.html
docs/4.0/components/modal/index.html
docs/4.0/components/navbar/index.html
docs/4.0/components/navs/index.html
docs/4.0/components/pagination/index.html
docs/4.0/components/popovers/index.html
docs/4.0/components/progress/index.html
docs/4.0/components/scrollspy/index.html
docs/4.0/components/tooltips/index.html
docs/4.0/content/code/index.html
docs/4.0/content/figures/index.html
docs/4.0/content/images/index.html
docs/4.0/content/reboot/index.html
docs/4.0/content/tables/index.html
docs/4.0/content/typography/index.html
docs/4.0/examples/index.html
docs/4.0/extend/approach/index.html
docs/4.0/extend/icons/index.html
docs/4.0/extend/index.html
docs/4.0/getting-started/accessibility/index.html
docs/4.0/getting-started/best-practices/index.html
docs/4.0/getting-started/browsers-devices/index.html
docs/4.0/getting-started/build-tools/index.html
docs/4.0/getting-started/contents/index.html
docs/4.0/getting-started/download/index.html
docs/4.0/getting-started/introduction/index.html
docs/4.0/getting-started/javascript/index.html
docs/4.0/getting-started/theming/index.html
docs/4.0/getting-started/webpack/index.html
docs/4.0/layout/grid/index.html
docs/4.0/layout/media-object/index.html
docs/4.0/layout/overview/index.html
docs/4.0/layout/utilities-for-layout/index.html
docs/4.0/migration/index.html
docs/4.0/utilities/borders/index.html
docs/4.0/utilities/clearfix/index.html
docs/4.0/utilities/close-icon/index.html
docs/4.0/utilities/colors/index.html
docs/4.0/utilities/display/index.html
docs/4.0/utilities/embed/index.html
docs/4.0/utilities/flex/index.html
docs/4.0/utilities/float/index.html
docs/4.0/utilities/image-replacement/index.html
docs/4.0/utilities/position/index.html
docs/4.0/utilities/screenreaders/index.html
docs/4.0/utilities/sizing/index.html
docs/4.0/utilities/spacing/index.html
docs/4.0/utilities/text/index.html
docs/4.0/utilities/vertical-align/index.html
docs/4.0/utilities/visibility/index.html
docs/4.1/about/brand/index.html
docs/4.1/about/license/index.html
docs/4.1/about/overview/index.html
docs/4.1/about/translations/index.html
docs/4.1/browser-bugs/index.html
docs/4.1/components/alerts/index.html
docs/4.1/components/badge/index.html
docs/4.1/components/breadcrumb/index.html
docs/4.1/components/button-group/index.html
docs/4.1/components/buttons/index.html
docs/4.1/components/card/index.html
docs/4.1/components/carousel/index.html
docs/4.1/components/collapse/index.html
docs/4.1/components/dropdowns/index.html
docs/4.1/components/forms/index.html
docs/4.1/components/input-group/index.html
docs/4.1/components/jumbotron/index.html
docs/4.1/components/list-group/index.html
docs/4.1/components/modal/index.html
docs/4.1/components/navbar/index.html
docs/4.1/components/navs/index.html
docs/4.1/components/pagination/index.html
docs/4.1/components/popovers/index.html
docs/4.1/components/progress/index.html
docs/4.1/components/scrollspy/index.html
docs/4.1/components/tooltips/index.html
docs/4.1/content/code/index.html
docs/4.1/content/figures/index.html
docs/4.1/content/images/index.html
docs/4.1/content/reboot/index.html
docs/4.1/content/tables/index.html
docs/4.1/content/typography/index.html
docs/4.1/examples/index.html
docs/4.1/extend/approach/index.html
docs/4.1/extend/icons/index.html
docs/4.1/extend/index.html
docs/4.1/getting-started/accessibility/index.html
docs/4.1/getting-started/best-practices/index.html
docs/4.1/getting-started/browsers-devices/index.html
docs/4.1/getting-started/build-tools/index.html
docs/4.1/getting-started/contents/index.html
docs/4.1/getting-started/download/index.html
docs/4.1/getting-started/introduction/index.html
docs/4.1/getting-started/javascript/index.html
docs/4.1/getting-started/theming/index.html
docs/4.1/getting-started/webpack/index.html
docs/4.1/layout/grid/index.html
docs/4.1/layout/media-object/index.html
docs/4.1/layout/overview/index.html
docs/4.1/layout/utilities-for-layout/index.html
docs/4.1/migration/index.html
docs/4.1/utilities/borders/index.html
docs/4.1/utilities/clearfix/index.html
docs/4.1/utilities/close-icon/index.html
docs/4.1/utilities/colors/index.html
docs/4.1/utilities/display/index.html
docs/4.1/utilities/embed/index.html
docs/4.1/utilities/flex/index.html
docs/4.1/utilities/float/index.html
docs/4.1/utilities/image-replacement/index.html
docs/4.1/utilities/position/index.html
docs/4.1/utilities/screenreaders/index.html
docs/4.1/utilities/shadows/index.html
docs/4.1/utilities/sizing/index.html
docs/4.1/utilities/spacing/index.html
docs/4.1/utilities/text/index.html
docs/4.1/utilities/vertical-align/index.html
docs/4.1/utilities/visibility/index.html
docs/4.2/about/brand/index.html
docs/4.2/about/license/index.html
docs/4.2/about/overview/index.html
docs/4.2/about/team/index.html
docs/4.2/about/translations/index.html
docs/4.2/browser-bugs/index.html
docs/4.2/components/alerts/index.html
docs/4.2/components/badge/index.html
docs/4.2/components/breadcrumb/index.html
docs/4.2/components/button-group/index.html
docs/4.2/components/buttons/index.html
docs/4.2/components/card/index.html
docs/4.2/components/carousel/index.html
docs/4.2/components/collapse/index.html
docs/4.2/components/dropdowns/index.html
docs/4.2/components/forms/index.html
docs/4.2/components/input-group/index.html
docs/4.2/components/jumbotron/index.html
docs/4.2/components/list-group/index.html
docs/4.2/components/media-object/index.html
docs/4.2/components/modal/index.html
docs/4.2/components/navbar/index.html
docs/4.2/components/navs/index.html
docs/4.2/components/pagination/index.html
docs/4.2/components/popovers/index.html
docs/4.2/components/progress/index.html
docs/4.2/components/scrollspy/index.html
docs/4.2/components/spinners/index.html
docs/4.2/components/toasts/index.html
docs/4.2/components/tooltips/index.html
docs/4.2/content/code/index.html
docs/4.2/content/figures/index.html
docs/4.2/content/images/index.html
docs/4.2/content/reboot/index.html
docs/4.2/content/tables/index.html
docs/4.2/content/typography/index.html
docs/4.2/examples/index.html
docs/4.2/extend/approach/index.html
docs/4.2/extend/icons/index.html
docs/4.2/getting-started/accessibility/index.html
docs/4.2/getting-started/best-practices/index.html
docs/4.2/getting-started/browsers-devices/index.html
docs/4.2/getting-started/build-tools/index.html
docs/4.2/getting-started/contents/index.html
docs/4.2/getting-started/download/index.html
docs/4.2/getting-started/introduction/index.html
docs/4.2/getting-started/javascript/index.html
docs/4.2/getting-started/theming/index.html
docs/4.2/getting-started/webpack/index.html
docs/4.2/layout/grid/index.html
docs/4.2/layout/overview/index.html
docs/4.2/layout/utilities-for-layout/index.html
docs/4.2/migration/index.html
docs/4.2/utilities/borders/index.html
docs/4.2/utilities/clearfix/index.html
docs/4.2/utilities/close-icon/index.html
docs/4.2/utilities/colors/index.html
docs/4.2/utilities/display/index.html
docs/4.2/utilities/embed/index.html
docs/4.2/utilities/flex/index.html
docs/4.2/utilities/float/index.html
docs/4.2/utilities/image-replacement/index.html
docs/4.2/utilities/overflow/index.html
docs/4.2/utilities/position/index.html
docs/4.2/utilities/screenreaders/index.html
docs/4.2/utilities/shadows/index.html
docs/4.2/utilities/sizing/index.html
docs/4.2/utilities/spacing/index.html
docs/4.2/utilities/text/index.html
docs/4.2/utilities/vertical-align/index.html
docs/4.2/utilities/visibility/index.html
docs/4.3/about/brand/index.html
docs/4.3/about/license/index.html
docs/4.3/about/overview/index.html
docs/4.3/about/team/index.html
docs/4.3/about/translations/index.html
docs/4.3/browser-bugs/index.html
docs/4.3/components/alerts/index.html
docs/4.3/components/badge/index.html
docs/4.3/components/breadcrumb/index.html
docs/4.3/components/button-group/index.html
docs/4.3/components/buttons/index.html
docs/4.3/components/card/index.html
docs/4.3/components/carousel/index.html
docs/4.3/components/collapse/index.html
docs/4.3/components/dropdowns/index.html
docs/4.3/components/forms/index.html
docs/4.3/components/input-group/index.html
docs/4.3/components/jumbotron/index.html
docs/4.3/components/list-group/index.html
docs/4.3/components/media-object/index.html
docs/4.3/components/modal/index.html
docs/4.3/components/navbar/index.html
docs/4.3/components/navs/index.html
docs/4.3/components/pagination/index.html
docs/4.3/components/popovers/index.html
docs/4.3/components/progress/index.html
docs/4.3/components/scrollspy/index.html
docs/4.3/components/spinners/index.html
docs/4.3/components/toasts/index.html
docs/4.3/components/tooltips/index.html
docs/4.3/content/code/index.html
docs/4.3/content/figures/index.html
docs/4.3/content/images/index.html
docs/4.3/content/reboot/index.html
docs/4.3/content/tables/index.html
docs/4.3/content/typography/index.html
docs/4.3/examples/index.html
docs/4.3/extend/approach/index.html
docs/4.3/extend/icons/index.html
docs/4.3/getting-started/accessibility/index.html
docs/4.3/getting-started/best-practices/index.html
docs/4.3/getting-started/browsers-devices/index.html
docs/4.3/getting-started/build-tools/index.html
docs/4.3/getting-started/contents/index.html
docs/4.3/getting-started/download/index.html
docs/4.3/getting-started/introduction/index.html
docs/4.3/getting-started/javascript/index.html
docs/4.3/getting-started/theming/index.html
docs/4.3/getting-started/webpack/index.html
docs/4.3/layout/grid/index.html
docs/4.3/layout/overview/index.html
docs/4.3/layout/utilities-for-layout/index.html
docs/4.3/migration/index.html
docs/4.3/utilities/borders/index.html
docs/4.3/utilities/clearfix/index.html
docs/4.3/utilities/close-icon/index.html
docs/4.3/utilities/colors/index.html
docs/4.3/utilities/display/index.html
docs/4.3/utilities/embed/index.html
docs/4.3/utilities/flex/index.html
docs/4.3/utilities/float/index.html
docs/4.3/utilities/image-replacement/index.html
docs/4.3/utilities/overflow/index.html
docs/4.3/utilities/position/index.html
docs/4.3/utilities/screen-readers/index.html
docs/4.3/utilities/shadows/index.html
docs/4.3/utilities/sizing/index.html
docs/4.3/utilities/spacing/index.html
docs/4.3/utilities/stretched-link/index.html
docs/4.3/utilities/text/index.html
docs/4.3/utilities/vertical-align/index.html
docs/4.3/utilities/visibility/index.html
docs/4.4/about/brand/index.html
docs/4.4/about/license/index.html
docs/4.4/about/overview/index.html
docs/4.4/about/team/index.html
docs/4.4/about/translations/index.html
docs/4.4/browser-bugs/index.html
docs/4.4/components/alerts/index.html
docs/4.4/components/badge/index.html
docs/4.4/components/breadcrumb/index.html
docs/4.4/components/button-group/index.html
docs/4.4/components/buttons/index.html
docs/4.4/components/card/index.html
docs/4.4/components/carousel/index.html
docs/4.4/components/collapse/index.html
docs/4.4/components/dropdowns/index.html
docs/4.4/components/forms/index.html
docs/4.4/components/input-group/index.html
docs/4.4/components/jumbotron/index.html
docs/4.4/components/list-group/index.html
docs/4.4/components/media-object/index.html
docs/4.4/components/modal/index.html
docs/4.4/components/navbar/index.html
docs/4.4/components/navs/index.html
docs/4.4/components/pagination/index.html
docs/4.4/components/popovers/index.html
docs/4.4/components/progress/index.html
docs/4.4/components/scrollspy/index.html
docs/4.4/components/spinners/index.html
docs/4.4/components/toasts/index.html
docs/4.4/components/tooltips/index.html
docs/4.4/content/code/index.html
docs/4.4/content/figures/index.html
docs/4.4/content/images/index.html
docs/4.4/content/reboot/index.html
docs/4.4/content/tables/index.html
docs/4.4/content/typography/index.html
docs/4.4/examples/index.html
docs/4.4/extend/approach/index.html
docs/4.4/extend/icons/index.html
docs/4.4/getting-started/accessibility/index.html
docs/4.4/getting-started/best-practices/index.html
docs/4.4/getting-started/browsers-devices/index.html
docs/4.4/getting-started/build-tools/index.html
docs/4.4/getting-started/contents/index.html
docs/4.4/getting-started/download/index.html
docs/4.4/getting-started/introduction/index.html
docs/4.4/getting-started/javascript/index.html
docs/4.4/getting-started/theming/index.html
docs/4.4/getting-started/webpack/index.html
docs/4.4/layout/grid/index.html
docs/4.4/layout/overview/index.html
docs/4.4/layout/utilities-for-layout/index.html
docs/4.4/migration/index.html
docs/4.4/utilities/borders/index.html
docs/4.4/utilities/clearfix/index.html
docs/4.4/utilities/close-icon/index.html
docs/4.4/utilities/colors/index.html
docs/4.4/utilities/display/index.html
docs/4.4/utilities/embed/index.html
docs/4.4/utilities/flex/index.html
docs/4.4/utilities/float/index.html
docs/4.4/utilities/image-replacement/index.html
docs/4.4/utilities/overflow/index.html
docs/4.4/utilities/position/index.html
docs/4.4/utilities/screen-readers/index.html
docs/4.4/utilities/shadows/index.html
docs/4.4/utilities/sizing/index.html
docs/4.4/utilities/spacing/index.html
docs/4.4/utilities/stretched-link/index.html
docs/4.4/utilities/text/index.html
docs/4.4/utilities/vertical-align/index.html
docs/4.4/utilities/visibility/index.html
docs/4.5/about/brand/index.html
docs/4.5/about/license/index.html
docs/4.5/about/overview/index.html
docs/4.5/about/team/index.html
docs/4.5/about/translations/index.html
docs/4.5/browser-bugs/index.html
docs/4.5/components/alerts/index.html
docs/4.5/components/badge/index.html
docs/4.5/components/breadcrumb/index.html
docs/4.5/components/button-group/index.html
docs/4.5/components/buttons/index.html
docs/4.5/components/card/index.html
docs/4.5/components/carousel/index.html
docs/4.5/components/collapse/index.html
docs/4.5/components/dropdowns/index.html
docs/4.5/components/forms/index.html
docs/4.5/components/input-group/index.html
docs/4.5/components/jumbotron/index.html
docs/4.5/components/list-group/index.html
docs/4.5/components/media-object/index.html
docs/4.5/components/modal/index.html
docs/4.5/components/navbar/index.html
docs/4.5/components/navs/index.html
docs/4.5/components/pagination/index.html
docs/4.5/components/popovers/index.html
docs/4.5/components/progress/index.html
docs/4.5/components/scrollspy/index.html
docs/4.5/components/spinners/index.html
docs/4.5/components/toasts/index.html
docs/4.5/components/tooltips/index.html
docs/4.5/content/code/index.html
docs/4.5/content/figures/index.html
docs/4.5/content/images/index.html
docs/4.5/content/reboot/index.html
docs/4.5/content/tables/index.html
docs/4.5/content/typography/index.html
docs/4.5/examples/index.html
docs/4.5/extend/approach/index.html
docs/4.5/extend/icons/index.html
docs/4.5/getting-started/accessibility/index.html
docs/4.5/getting-started/best-practices/index.html
docs/4.5/getting-started/browsers-devices/index.html
docs/4.5/getting-started/build-tools/index.html
docs/4.5/getting-started/contents/index.html
docs/4.5/getting-started/download/index.html
docs/4.5/getting-started/introduction/index.html
docs/4.5/getting-started/javascript/index.html
docs/4.5/getting-started/theming/index.html
docs/4.5/getting-started/webpack/index.html
docs/4.5/layout/grid/index.html
docs/4.5/layout/overview/index.html
docs/4.5/layout/utilities-for-layout/index.html
docs/4.5/migration/index.html
docs/4.5/utilities/borders/index.html
docs/4.5/utilities/clearfix/index.html
docs/4.5/utilities/close-icon/index.html
docs/4.5/utilities/colors/index.html
docs/4.5/utilities/display/index.html
docs/4.5/utilities/embed/index.html
docs/4.5/utilities/flex/index.html
docs/4.5/utilities/float/index.html
docs/4.5/utilities/image-replacement/index.html
docs/4.5/utilities/interactions/index.html
docs/4.5/utilities/overflow/index.html
docs/4.5/utilities/position/index.html
docs/4.5/utilities/screen-readers/index.html
docs/4.5/utilities/shadows/index.html
docs/4.5/utilities/sizing/index.html
docs/4.5/utilities/spacing/index.html
docs/4.5/utilities/stretched-link/index.html
docs/4.5/utilities/text/index.html
docs/4.5/utilities/vertical-align/index.html
docs/4.5/utilities/visibility/index.html
docs/4.6/about/brand/index.html
docs/4.6/about/license/index.html
docs/4.6/about/overview/index.html
docs/4.6/about/team/index.html
docs/4.6/about/translations/index.html
docs/4.6/browser-bugs/index.html
docs/4.6/components/alerts/index.html
docs/4.6/components/badge/index.html
docs/4.6/components/breadcrumb/index.html
docs/4.6/components/button-group/index.html
docs/4.6/components/buttons/index.html
docs/4.6/components/card/index.html
docs/4.6/components/carousel/index.html
docs/4.6/components/collapse/index.html
docs/4.6/components/dropdowns/index.html
docs/4.6/components/forms/index.html
docs/4.6/components/input-group/index.html
docs/4.6/components/jumbotron/index.html
docs/4.6/components/list-group/index.html
docs/4.6/components/media-object/index.html
docs/4.6/components/modal/index.html
docs/4.6/components/navbar/index.html
docs/4.6/components/navs/index.html
docs/4.6/components/pagination/index.html
docs/4.6/components/popovers/index.html
docs/4.6/components/progress/index.html
docs/4.6/components/scrollspy/index.html
docs/4.6/components/spinners/index.html
docs/4.6/components/toasts/index.html
docs/4.6/components/tooltips/index.html
docs/4.6/content/code/index.html
docs/4.6/content/figures/index.html
docs/4.6/content/images/index.html
docs/4.6/content/reboot/index.html
docs/4.6/content/tables/index.html
docs/4.6/content/typography/index.html
docs/4.6/examples/index.html
docs/4.6/extend/approach/index.html
docs/4.6/extend/icons/index.html
docs/4.6/getting-started/accessibility/index.html
docs/4.6/getting-started/best-practices/index.html
docs/4.6/getting-started/browsers-devices/index.html
docs/4.6/getting-started/build-tools/index.html
docs/4.6/getting-started/contents/index.html
docs/4.6/getting-started/download/index.html
docs/4.6/getting-started/introduction/index.html
docs/4.6/getting-started/javascript/index.html
docs/4.6/getting-started/theming/index.html
docs/4.6/getting-started/webpack/index.html
docs/4.6/layout/grid/index.html
docs/4.6/layout/overview/index.html
docs/4.6/layout/utilities-for-layout/index.html
docs/4.6/migration/index.html
docs/4.6/utilities/borders/index.html
docs/4.6/utilities/clearfix/index.html
docs/4.6/utilities/close-icon/index.html
docs/4.6/utilities/colors/index.html
docs/4.6/utilities/display/index.html
docs/4.6/utilities/embed/index.html
docs/4.6/utilities/flex/index.html
docs/4.6/utilities/float/index.html
docs/4.6/utilities/image-replacement/index.html
docs/4.6/utilities/interactions/index.html
docs/4.6/utilities/overflow/index.html
docs/4.6/utilities/position/index.html
docs/4.6/utilities/screen-readers/index.html
docs/4.6/utilities/shadows/index.html
docs/4.6/utilities/sizing/index.html
docs/4.6/utilities/spacing/index.html
docs/4.6/utilities/stretched-link/index.html
docs/4.6/utilities/text/index.html
docs/4.6/utilities/vertical-align/index.html
docs/4.6/utilities/visibility/index.html
docs/5.0/about/brand/index.html
docs/5.0/about/license/index.html
docs/5.0/about/overview/index.html
docs/5.0/about/team/index.html
docs/5.0/about/translations/index.html
docs/5.0/components/accordion/index.html
docs/5.0/components/alerts/index.html
docs/5.0/components/badge/index.html
docs/5.0/components/breadcrumb/index.html
docs/5.0/components/button-group/index.html
docs/5.0/components/buttons/index.html
docs/5.0/components/card/index.html
docs/5.0/components/carousel/index.html
docs/5.0/components/close-button/index.html
docs/5.0/components/collapse/index.html
docs/5.0/components/dropdowns/index.html
docs/5.0/components/list-group/index.html
docs/5.0/components/modal/index.html
docs/5.0/components/navbar/index.html
docs/5.0/components/navs-tabs/index.html
docs/5.0/components/offcanvas/index.html
docs/5.0/components/pagination/index.html
docs/5.0/components/popovers/index.html
docs/5.0/components/progress/index.html
docs/5.0/components/scrollspy/index.html
docs/5.0/components/spinners/index.html
docs/5.0/components/toasts/index.html
docs/5.0/components/tooltips/index.html
docs/5.0/content/figures/index.html
docs/5.0/content/images/index.html
docs/5.0/content/reboot/index.html
docs/5.0/content/tables/index.html
docs/5.0/content/typography/index.html
docs/5.0/customize/color/index.html
docs/5.0/customize/components/index.html
docs/5.0/customize/css-variables/index.html
docs/5.0/customize/optimize/index.html
docs/5.0/customize/options/index.html
docs/5.0/customize/overview/index.html
docs/5.0/customize/sass/index.html
docs/5.0/examples/index.html
docs/5.0/extend/approach/index.html
docs/5.0/extend/icons/index.html
docs/5.0/forms/checks-radios/index.html
docs/5.0/forms/floating-labels/index.html
docs/5.0/forms/form-control/index.html
docs/5.0/forms/input-group/index.html
docs/5.0/forms/layout/index.html
docs/5.0/forms/overview/index.html
docs/5.0/forms/range/index.html
docs/5.0/forms/select/index.html
docs/5.0/forms/validation/index.html
docs/5.0/getting-started/accessibility/index.html
docs/5.0/getting-started/best-practices/index.html
docs/5.0/getting-started/browsers-devices/index.html
docs/5.0/getting-started/build-tools/index.html
docs/5.0/getting-started/contents/index.html
docs/5.0/getting-started/download/index.html
docs/5.0/getting-started/introduction/index.html
docs/5.0/getting-started/javascript/index.html
docs/5.0/getting-started/parcel/index.html
docs/5.0/getting-started/rfs/index.html
docs/5.0/getting-started/rtl/index.html
docs/5.0/getting-started/webpack/index.html
docs/5.0/helpers/clearfix/index.html
docs/5.0/helpers/colored-links/index.html
docs/5.0/helpers/position/index.html
docs/5.0/helpers/ratio/index.html
docs/5.0/helpers/stretched-link/index.html
docs/5.0/helpers/text-truncation/index.html
docs/5.0/helpers/visually-hidden/index.html
docs/5.0/layout/breakpoints/index.html
docs/5.0/layout/columns/index.html
docs/5.0/layout/containers/index.html
docs/5.0/layout/grid/index.html
docs/5.0/layout/gutters/index.html
docs/5.0/layout/utilities/index.html
docs/5.0/layout/z-index/index.html
docs/5.0/migration/index.html
docs/5.0/utilities/api/index.html
docs/5.0/utilities/background/index.html
docs/5.0/utilities/borders/index.html
docs/5.0/utilities/colors/index.html
docs/5.0/utilities/display/index.html
docs/5.0/utilities/flex/index.html
docs/5.0/utilities/float/index.html
docs/5.0/utilities/interactions/index.html
docs/5.0/utilities/overflow/index.html
docs/5.0/utilities/position/index.html
docs/5.0/utilities/shadows/index.html
docs/5.0/utilities/sizing/index.html
docs/5.0/utilities/spacing/index.html
docs/5.0/utilities/text/index.html
docs/5.0/utilities/vertical-align/index.html
docs/5.0/utilities/visibility/index.html
docs/5.1/about/brand/index.html
docs/5.1/about/license/index.html
docs/5.1/about/overview/index.html
docs/5.1/about/team/index.html
docs/5.1/components/accordion/index.html
docs/5.1/components/alerts/index.html
docs/5.1/components/badge/index.html
docs/5.1/components/breadcrumb/index.html
docs/5.1/components/button-group/index.html
docs/5.1/components/buttons/index.html
docs/5.1/components/card/index.html
docs/5.1/components/carousel/index.html
docs/5.1/components/close-button/index.html
docs/5.1/components/collapse/index.html
docs/5.1/components/dropdowns/index.html
docs/5.1/components/list-group/index.html
docs/5.1/components/modal/index.html
docs/5.1/components/navbar/index.html
docs/5.1/components/navs-tabs/index.html
docs/5.1/components/offcanvas/index.html
docs/5.1/components/pagination/index.html
docs/5.1/components/placeholders/index.html
docs/5.1/components/popovers/index.html
docs/5.1/components/progress/index.html
docs/5.1/components/scrollspy/index.html
docs/5.1/components/spinners/index.html
docs/5.1/components/toasts/index.html
docs/5.1/components/tooltips/index.html
docs/5.1/content/figures/index.html
docs/5.1/content/images/index.html
docs/5.1/content/reboot/index.html
docs/5.1/content/tables/index.html
docs/5.1/content/typography/index.html
docs/5.1/customize/color/index.html
docs/5.1/customize/components/index.html
docs/5.1/customize/css-variables/index.html
docs/5.1/customize/optimize/index.html
docs/5.1/customize/options/index.html
docs/5.1/customize/overview/index.html
docs/5.1/customize/sass/index.html
docs/5.1/examples/index.html
docs/5.1/extend/approach/index.html
docs/5.1/extend/icons/index.html
docs/5.1/forms/checks-radios/index.html
docs/5.1/forms/floating-labels/index.html
docs/5.1/forms/form-control/index.html
docs/5.1/forms/input-group/index.html
docs/5.1/forms/layout/index.html
docs/5.1/forms/overview/index.html
docs/5.1/forms/range/index.html
docs/5.1/forms/select/index.html
docs/5.1/forms/validation/index.html
docs/5.1/getting-started/accessibility/index.html
docs/5.1/getting-started/best-practices/index.html
docs/5.1/getting-started/browsers-devices/index.html
docs/5.1/getting-started/contents/index.html
docs/5.1/getting-started/contribute/index.html
docs/5.1/getting-started/download/index.html
docs/5.1/getting-started/introduction/index.html
docs/5.1/getting-started/javascript/index.html
docs/5.1/getting-started/parcel/index.html
docs/5.1/getting-started/rfs/index.html
docs/5.1/getting-started/rtl/index.html
docs/5.1/getting-started/webpack/index.html
docs/5.1/helpers/clearfix/index.html
docs/5.1/helpers/colored-links/index.html
docs/5.1/helpers/position/index.html
docs/5.1/helpers/ratio/index.html
docs/5.1/helpers/stacks/index.html
docs/5.1/helpers/stretched-link/index.html
docs/5.1/helpers/text-truncation/index.html
docs/5.1/helpers/vertical-rule/index.html
docs/5.1/helpers/visually-hidden/index.html
docs/5.1/layout/breakpoints/index.html
docs/5.1/layout/columns/index.html
docs/5.1/layout/containers/index.html
docs/5.1/layout/css-grid/index.html
docs/5.1/layout/grid/index.html
docs/5.1/layout/gutters/index.html
docs/5.1/layout/utilities/index.html
docs/5.1/layout/z-index/index.html
docs/5.1/migration/index.html
docs/5.1/utilities/api/index.html
docs/5.1/utilities/background/index.html
docs/5.1/utilities/borders/index.html
docs/5.1/utilities/colors/index.html
docs/5.1/utilities/display/index.html
docs/5.1/utilities/flex/index.html
docs/5.1/utilities/float/index.html
docs/5.1/utilities/interactions/index.html
docs/5.1/utilities/opacity/index.html
docs/5.1/utilities/overflow/index.html
docs/5.1/utilities/position/index.html
docs/5.1/utilities/shadows/index.html
docs/5.1/utilities/sizing/index.html
docs/5.1/utilities/spacing/index.html
docs/5.1/utilities/text/index.html
docs/5.1/utilities/vertical-align/index.html
docs/5.1/utilities/visibility/index.html
docs/versions/index.html

index d2cea8703523021172522cbc5ecc9120232d89f0..f71b16e5a4260ffe9434ab395e7f200237bd545a 100755 (executable)
@@ -28,6 +28,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 7df1e9467ef3994268ba272c1db79365e627331e..ffa535b89dfa0ab67a57984873f261633b612561 100755 (executable)
@@ -28,6 +28,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 6c7d3136e06d2006245caa5121b0231286a44a01..522b0727321f964cb7ae7998ab7b9d16fd0259c4 100755 (executable)
@@ -28,6 +28,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 969449cef91d283bd922a5b6df10dd57711914e1..e694c12edaeaea8c45280f590fcb53d96e85f0d8 100755 (executable)
@@ -32,6 +32,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 45836be214a10c2d9d4f79af888083864da1d645..ce857203e365a11538f11e0a73ae540f028edab2 100755 (executable)
@@ -34,6 +34,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 3efd20b9c403e89780521bea028b3ef84f83cc06..694724be04eb2706018804024db43b094d8fb345 100755 (executable)
@@ -22,6 +22,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index c1576f6b4f650d4fc4e3a4cf8c7c61c507c9c1cf..0b9746c7243dc58219f5d2aadf811e6662562e28 100755 (executable)
@@ -35,6 +35,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index ac85a97564a0b3b0c8c7dfa8e736ff98b9ad3ffc..180a7f466b2b078767b89aa1d8a8e48e43c53d4b 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 33aa5933ceedd2a5c242d45f7253fc27db51a932..018749391ea2e92bd3004e241c39fe1002b9a057 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 37dbb09418fd2e56e214fc5406978d05da61665f..65d336a95f00bb8da2cde56f155a91102dc43a28 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index cbf40dd9c5beeea1ba33f7c47703669a6e75e6bd..11a5b80948bd63622e2e97dc0e64aa6434ac3665 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 8326ac932d87ffcf35f83a4433ad31005590079d..d0081e68c6571c59629077b47a9556d26c86b2aa 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 0bae057c2dd4687891576c733d1e1350660277e7..6542f04d9d2552e1e87a798f9e38efd34dbed2d1 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 718ed38de39257805b903c2e502a284d944896f2..e188f8451019f2eb4ae11c44d99450d8dc99f43e 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index d295d12b387b2f5454d58fe4aa9f42656770c4ea..3d4ec8316cf2bcc89403a20154f8d60b465dd9fa 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 7001c501708aeefa8d78750becb8cb8c6fb825f4..b06dcd2012770d97aa2da09fa3969aa1f072f3fd 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e0cd2d34b91c6edf83d7e257a74f9192377fe5c8..7e73ea2949a610ca95ef3b979316c0aaf9f0dbde 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index a4ccce5f79f710c1dcfba09615ad511676f92742..2291e9b92817f5f07aa3998efa8aceee18ceb7b8 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 60396f26ba28d3242cacdeee687c41912643e21b..9b17c0cd8fdc2cd78bdc0e33f0ade3a6d446055b 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index dedba041a9564fdf0e56676a0782ca8a8027c5fa..82236054803197fedecf7b12a5a6cba83134fd34 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e957a067812ea789a9233732155abe8b5f7a39fe..4e24c094abc2e2105902c8018131cd153e6fca2f 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 3e3850d89b1b66de80d8c29fded0fb2a9ecd6f5e..94e2c613755f65e8b91dde9c01a9ab1e1f621cec 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index a2ad5f09465af08ab931c8ca8b908c3069057dfc..98d6f063a0b8555724c1d938c2a97d61d3b3d458 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 4a53abc676de71bb495e70edfad16ae19920be6b..8cd447d96e0cf2f160fc98df2e1ac53b7de28ead 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
     <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index c10a34be8ddaab0b592bdb790078493a3f1701ee..e64b4e266110c51edd4c6cceabd5d07027f70b9b 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 1bd9231dcfbc9bb9b715d0c62456ba14cf5ab128..c9cda9dd3a758a9740d2cbf7ef9fbf23ae07991d 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e5f4310aadea91406a4b0e43d0fc2d5cad383d38..117eb2516d7fe98c74e0e83f7a1ac1b5c1d44780 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index b6e091031b24ca443d1e1ef0825f1359e6dde23c..27020a50af3f03f1526bb66e5f08826ec4b57963 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 467a6403ee370f24d75723ad426ce475f19e9dac..1bdb04b6c66a02f29deceb78fa44c7c0fdc09691 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 8db4fce5b239b9add9ed198beb2c6436c5948d24..da94723f34429e5d6c937741f7ceb66f79cca4da 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index ab6184686726afeaf372aa0383f1ae6be4f8d967..56cc81c963330fba0f008411d9866c23be1672ad 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 106eab50db5968bf8848f63de2ab0804498e1b03..8f5eacae4da9ba5e4c1dc39c96c129cf173b31aa 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 985c7cac5a1c7382d4413dbfcac8f3bc5f79fd63..d36ef3093415d8baf4c60799442938eef1af4a6d 100755 (executable)
@@ -24,6 +24,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e843da7e5d8c018596e78c87a023e8ba42eb97ed..76bffcdf8d986eeef7fb4c2e87b80dabc2f0ad25 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 5c88e3fd48728730a617d4228fc038a79293fbbc..f59a330ccace40fe70b3e70a4f7e1bef7fbf96c9 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e4ffb7e0e0c032ffcf93a2cbfd03f694ea854605..180c411f8ccd9b3340316736ec6b0fc66bdf8a8d 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index d8b4d3414ff46196e56bf527bf89452c87905616..8fc971481cd428ee600e665c00bd73d9516f7145 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e2c1a5a3fadb0484919d71eba85349a04c790a07..844f0e9ce85cfc03a504aa88234e187458e36691 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index a709b7b0a3c98b3ed9e42551603f43b6037467ba..18759a4c45f1a3a9d04115731faac7790b90ef31 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 65d68609b9fd15848275d819a4b7e0f48dc245d3..36fc9f5c7127550ae7c26a91c1707a3dd1cc361e 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 039b926e817d462991c21663941159fbd1fef556..6b745f888af53a0416cb5eed027a6c751d477d35 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 4785e244013ef322c0ca522d7866b5f4903313a6..d818a73ebb739f890606a09b364ed13e5cfaf202 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 3ea2d176aba4e8b68cccae7eca9c20f5f31c451b..934d31ed4a1bd55ab134c8fd7b4574d638da7e91 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e57382eeec8d6cd65a20a6020eac51ec32e2b745..420481113c781ff4b6da802ab41bca69f8e764c8 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index abb5427b3de0aa19e67e3919e5c3e113a634611e..3dddc972d4ae43fe34d5109fd825562f14c5323c 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 73d4f87775ea8e62c58416275fa9ec51e2a2f77a..a945cbf7a6d9f4992db4204499aca8f78dfeaa05 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 713a04d3e1a10402b532ce7a8af0b0a36f6df3c3..a2e4e637f4a32b4d2d4587ce8cdb55b5cac5b0ea 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index ebc6f40df6f95a474a2e489316aab7d8522f9523..e97af039adc930b85f7345721b0432f6beb1a706 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 539e42c843118e80501737af88ba6af5333b4f1a..907f66d6e19241d2542ee95e0599f24cc726a1bb 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 73b94373c89740b00152b6122f21887c5bb40ea4..72294ad8dd18d50516ff791b6b57b5d956820758 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 4e4d7fe51dfc1ee5c874736b9073679086fd6a59..a76b85abdc3f85b44a7bce598e7924b59463aee1 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 708f0b8816e6625e324c529686f6917122976fe1..4c1c18fb6ddc5d59eabb1088449cd7b33cc92c23 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index b235ce8cddd66876f3b3c0e9a2af204ef503a9fd..4fb7267744c0cab72a2848611f3eca0e0096eedd 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index ea13048825f5b7e33d39c09ef39b5ddce7c59aa2..884759ef0ddb412aca86d5193109cd6b63f458cd 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 0467eb6c0958d2279f2fd7741d238d9c949036a3..2c405e9ff6849f35e4f95b884ee893fad208545f 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 06282a3c1ae28402e0cdf9c9d9cdb90be293ab13..bc1655ff13913b21656a1c13eddee24baafce1c8 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 0a132bf7dcadf5ecd9f3d3e915b707e5fae2bae2..75c260f34ffcdd845fc423a4eb9b0f331bbd37f8 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index bfea5ba6799922e4be0f4d10d593e11a2b57538f..3d22b1f2638e79425e9a4908629b805f56cfccfa 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 042fb788dd79dbdb5bcada2aa737864e00de59df..d722bef6b516329fea3be072d43981ef826622fe 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 0f714392f5567c74edc64b72384b01b0a27941d2..ad45dcdfdcbc687c13b814a4ce70da8979d78c23 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 48d8b2e6af69d6f62e6203999745169a6e61b67a..607ef39a3836b17ea5757b30fd3898747493a058 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index ea13048825f5b7e33d39c09ef39b5ddce7c59aa2..884759ef0ddb412aca86d5193109cd6b63f458cd 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 0467eb6c0958d2279f2fd7741d238d9c949036a3..2c405e9ff6849f35e4f95b884ee893fad208545f 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index a9167ed7df7376691e74c09087c651710d946a11..4f75c01cf5b8cbafc2382c258817b6a6e00cc355 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 248cca49a9ac97882afe41127a57d1566f8d3280..fbf033a25529b636380f2d2325016e4738408b75 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 9ea67c7923a2b02664ac3f0e193b326c5e17e297..8cb21013fab97165495a2d2cba69322b08d4de64 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 91199690392cf5d3189bef1a68162403c956b301..1e1fecacc5987dd58a308c29b5ac5c80cc46727e 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 66341961824058739c1d58833f4a1b2e4932c3ba..933e81210232fd2ba5e9d111025a8e49bf92c94c 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 993b7a735549b5537abe5cbdc9546c91e4db09fa..16a4ddfddbdd4aa0b705c02397e0b75fdfd5296e 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 7a3506820097c33fe6a3e0a4d6d8833cb3c7b512..77d490c662c990c0b3290f9cb1c17991fd0b662b 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 854bb2ccd4fad877f2904952242372348d5afa49..f0a7738e530648b38c4768ccd2a6b18200447c9f 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 69fa90915da0888b8d221c2a7999d003002a44be..01c411f69e3326a534b964c90c58d4f8d12b17d7 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 065732a520f0e0e77ede6a148c687b34916d412d..9697a5302897b773d958359a54bd6398c3fd6cec 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 4c3eeced4c7466c0c83fc2169c51a6a09e816b93..98537247a5fc7a2d4e11ec43b7f0657834bc108b 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 6b80eb3a822133a39b0b2b587dad0756d182a5a5..f007ff3b9f6116c760d15d6edd2c0c621bb63b36 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 66341961824058739c1d58833f4a1b2e4932c3ba..933e81210232fd2ba5e9d111025a8e49bf92c94c 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 993b7a735549b5537abe5cbdc9546c91e4db09fa..16a4ddfddbdd4aa0b705c02397e0b75fdfd5296e 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 7a3506820097c33fe6a3e0a4d6d8833cb3c7b512..77d490c662c990c0b3290f9cb1c17991fd0b662b 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 854bb2ccd4fad877f2904952242372348d5afa49..f0a7738e530648b38c4768ccd2a6b18200447c9f 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 69fa90915da0888b8d221c2a7999d003002a44be..01c411f69e3326a534b964c90c58d4f8d12b17d7 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 94685b09e18540f7d12301125e0f264308a35e38..03d1417b12200d56b5873d325ef665850e6f44f3 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 4c3eeced4c7466c0c83fc2169c51a6a09e816b93..98537247a5fc7a2d4e11ec43b7f0657834bc108b 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 6b80eb3a822133a39b0b2b587dad0756d182a5a5..f007ff3b9f6116c760d15d6edd2c0c621bb63b36 100755 (executable)
@@ -25,6 +25,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 35b05c8078b6f665cbe5d0c3b21512e203eb24e8..7b0a3689c2e9fff239e94d0ac88c97fb6a249913 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 771b25464d88daad69f4a0991dee250e08b12ffd..3a19b8aa9bd7179a93a3ecfac5464edf9e2772a1 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 236603016c7b0f3d58df628e5359d3d70e10da64..c0f09548ff1ac75807097119816c6e53f4d6f912 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 3cb9c402aff52c7b23a819af17aa3b56ddfa1390..0354fb949e9917b521ac8f31c691d5a0e31bd0b3 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 6cd606c3df27bba395ead6f0ec1501d4a742a9e5..157dbc2141df7a6e9cb63cb1a6bc18ff79ae45dd 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e4451709e189052e6ffad848f79cb3b55ca3ad8f..eed0bd6acdc9565083b386e7780098fbdc32bc5f 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 39e4ee75e72c2197278f24dbcff7618daa2a9ac9..e13729d924ec79c4ef4ddda8328a78b93f74509f 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 96c0d3e28bab9517fc8b232a3e73a9f57efd2cb5..9157a409649b9ff845ab8304de634c2b89da8304 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index a7930afd87c1fcd0f3862ad042672eed0bbb29d7..b161ae2a80cb3c8547b5fe6da3b46e41b612bc2b 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 9e00afe073ef3706d7bfdae6add5463ab6a8e2ea..cf9d9cd5771d88bdcf392959e5aa2c4c771c67ea 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index a9b6a6d887894c47353fc00e8301eeb3563d0db5..f0f911d417e40c680e8d7ec572fade6fc94d8ce9 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 55211ffb7605e464c58c6508901d2ec8a1dda061..fcdc9a9c01e1792538c31a22551eab8af55f358d 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index ddefc842e06e1f0f6eff81ef647e19f746bcc13e..66d68eec0dcbb5352788782f56cc60bc054d2388 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 07c9d412d8817d019fccadf381b919a9ffc3cd1b..677327fca82f7ed658fce72a2c3a6d294871fe64 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index b108c33b8536b574e21073b1999fcfb430f22b3d..bdf3a7c4745cf7b3b837e4fdbd83c9808922a052 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 288bfd23c9339c588334013fb9f80c7d97148284..c09e88b3b5deca8aa0a7bf825ba41ca5bf73db62 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 688b69170c738f20135464f9e5f9443dc1092fc4..e8aa90f5afee5876147c1e0d8603b9a42c4ea81e 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index a471ac1b2c8bf412171e13b2410cd0c0e345214d..551eb233a1cbb0bc9342712ee808624a15da9bfe 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e2bebe86fbbfa28849f84043fcb7014f7a17f7cf..0bf4a28fc3ce7aa5ff7ec2a60347781060554eef 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 23badf1c27b2953c91169140550c3b74cdf962ac..8bb62bdba231645b1958a8e06d0366f05280b878 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index be1b73a697ae5185f01022af401f23ccf844331d..0703860696246c993cb59414d79df3fdb11af5cb 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index cf47c03223d14d0175ea6635d954ca51ba831804..9504ab045ad39355604009979162adc5ab6e29ae 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 6da907df6f9dee9003d3b288acd4e6f1456cd374..5022677420da2c9f5a435009305d85da98d827e9 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index bd85e4044bcb9157ca0f1f8a1aad37a0c5fcdb2a..205653c7c9535033962b07e2b28b9364971442be 100755 (executable)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 390ecd54f385fce80c3519044da3a2883fbf1b1c..7d6b9e0c3ea45c359afbb36e520320a3b059a9e8 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 6bb85c5619df21fdd99a75a9d275966ff2c290b9..330f02b7aa4f8765e6a391059245d866aa73f8de 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 4e04e4670f7eb050d76db733f5714ca15d2c832a..0bcf300a20f44c066340ad751468a485dd22dc63 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 807be7f7de17811a1f533b0afaf2cd949ff8ebc0..714166f19c810e2e5b5cfd19e23a56053407bcb4 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index f7e7df074ee164e6b32fca435e0f4fca3c7e482d..effbb109210348570d2c8f4cf75039ad48fa8565 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index cbe5d8e98aa672acb7f8d5741824d3c1c38359f3..339947a414f4e1da4d9f895767dbc3c94afcb3a3 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 9bb97c3ff78d1391be49169d8a8c1a11512addd8..f4e81523f5946c1d9dbea2e44b51b93b717212b8 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index db8b2132d72f3413f0e2f5d6313ad1ed24698502..b9089d38293d6aaade7ddb39878be720f1f9c182 100644 (file)
@@ -25,6 +25,7 @@
                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
 
+    <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 7b058e195437eb9c3597ef95138bdb316da5d92b..75fefbb2052255d36c9fb6346989e14a17b08b69 100644 (file)
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> About &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/about/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>About</h1> <p>Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=history>History</h1> <p class=lead>Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.</p> <p>Bootstrap was created at Twitter in mid-2010 by <a href=https://twitter.com/mdo>@mdo</a> and <a href=https://twitter.com/fat>@fat</a>. Prior to being an open-sourced framework, Bootstrap was known as <em>Twitter Blueprint</em>. A few months into development, Twitter held its <a href=https://blog.twitter.com/2010/hack-week>first Hack Week</a> and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.</p> <p>Originally <a href=https://blog.twitter.com/2011/bootstrap-twitter>released</a> on Friday, August 19, 2011, we've since had over <a href=https://github.com/twbs/bootstrap/releases>twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=team>Team</h1> <p class=lead>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p> <h2 id=team-core>Core team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe> <a href=https://github.com/mdo class=team-member> <img alt="@mdo avatar" height=32 src="https://secure.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c.jpg?s=32" width=32> <strong>Mark Otto</strong> <small>@mdo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=fat&amp;type=follow"></iframe> <a href=https://github.com/fat class=team-member> <img alt="@fat avatar" height=32 src="https://secure.gravatar.com/avatar/a98244cbdacaf1c0b55499466002f7a8.jpg?s=32" width=32> <strong>Jacob Thornton</strong> <small>@fat</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=cvrebert&amp;type=follow"></iframe> <a href=https://github.com/cvrebert class=team-member> <img alt="@cvrebert avatar" height=32 src="https://secure.gravatar.com/avatar/edec428c425453955f770095a7d26c50.jpg?s=32" width=32> <strong>Chris Rebert</strong> <small>@cvrebert</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=juthilo&amp;type=follow"></iframe> <a href=https://github.com/juthilo class=team-member> <img alt="@juthilo avatar" height=32 src="https://secure.gravatar.com/avatar/0f7dd3ce58a416be5685ea6194f82b11.jpg?s=32" width=32> <strong>Julian Thilo</strong> <small>@juthilo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=xhmikosr&amp;type=follow"></iframe> <a href=https://github.com/xhmikosr class=team-member> <img alt="@xhmikosr avatar" height=32 src="https://secure.gravatar.com/avatar/e37759b1ea0125d4e97b1e00b5eed26f.jpg?s=32" width=32> <strong>XhmikosR</strong> <small>@xhmikosr</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=hnrch02&amp;type=follow"></iframe> <a href=https://github.com/hnrch02 class=team-member> <img alt="@hnrch02 avatar" height=32 src="https://secure.gravatar.com/avatar/0d53f5d3d3d28bd470f394d98f7ef48f.jpg?s=32" width=32> <strong>Heinrich Fenkart</strong> <small>@hnrch02</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=patrickhlauke&amp;type=follow"></iframe> <a href=https://github.com/patrickhlauke class=team-member> <img alt="@patrickhlauke avatar" height=32 src="https://secure.gravatar.com/avatar/357f279672db832fc41a5a2f36559fcb.jpg?s=32" width=32> <strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small> </a> </div> </div> <p>Get involved with Bootstrap development by <a href=https://github.com/twbs/bootstrap/issues/new>opening an issue</a> or submitting a pull request. Read our <a href=https://github.com/twbs/bootstrap/blob/v3.3.7/CONTRIBUTING.md>contributing guidelines</a> for information on how we develop.</p> <h2 id=team-sass>Sass team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=thomas-mcdonald&amp;type=follow"></iframe> <a href=https://github.com/thomas-mcdonald class=team-member> <img alt="@thomas-mcdonald avatar" height=32 src="https://secure.gravatar.com/avatar/24cd55ab1a62ffb113ab8c02f64c9301.jpg?s=32" width=32> <strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=glebm&amp;type=follow"></iframe> <a href=https://github.com/glebm class=team-member> <img alt="@glebm avatar" height=32 src="https://secure.gravatar.com/avatar/729f685b8e8d7e9feed18c177c82e59b.jpg?s=32" width=32> <strong>Gleb Mazovetskiy</strong> <small>@glebm</small> </a> </div> </div> <p>The <a href=https://github.com/twbs/bootstrap-sass>official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href=https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md>contributing guidelines</a> for information on how the Sass port is developed.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=brand>Brand guidelines</h1> <p class=lead>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 <a href=http://mailchimp.com/about/brand-assets/ rel=noopener target=_blank>Brand Assets</a>.</p> <h2>Mark and logo</h2> <p>Use either the Bootstrap mark (a capital <strong>B</strong>) or the standard logo (just <strong>Bootstrap</strong>). It should always appear in Helvetica Neue Bold. <strong>Do not use the Twitter bird</strong> in association with Bootstrap.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <div class="bs-docs-booticon bs-docs-booticon-lg">B</div> </div> <div class="bs-brand-item inverse"> <div class="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-inverse">B</div> </div> </div> <div class=bs-brand-logos> <div class=bs-brand-item> <h1>Bootstrap</h1> </div> <div class="bs-brand-item inverse"> <h1>Bootstrap</h1> </div> </div> <h2>Download mark</h2> <p>Download the Bootstrap mark in one of three styles, each available as an SVG file. Right click, Save as.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-solid.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-outline.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-punchout.svg width=144 class=svg> </div> </div> <h2>Name</h2> <p>The project and framework should always be referred to as <strong>Bootstrap</strong>. No Twitter before it, no capital <em>s</em>, and no abbreviations except for one, a capital <strong>B</strong>.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <h3>Bootstrap</h3> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=sr-only>(correct)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>BootStrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>Twitter Bootstrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> </div> <h2>Colors</h2> <p>Our docs and branding use a handful of primary colors to differentiate what <em>is</em> Bootstrap from what <em>is in</em> Bootstrap. In other words, if it's purple, it's representative of Bootstrap.</p> <div class=bs-brand> <div class=color-swatches> <div class="color-swatch bs-purple"></div> <div class="color-swatch bs-purple-light"></div> <div class="color-swatch bs-purple-lighter"></div> <div class="color-swatch bs-gray"></div> </div> </div> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#history>History</a> </li> <li> <a href=#team>Team</a> </li> <li> <a href=#brand>Brand guidelines</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> About &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/about/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>About</h1> <p>Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=history>History</h1> <p class=lead>Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.</p> <p>Bootstrap was created at Twitter in mid-2010 by <a href=https://twitter.com/mdo>@mdo</a> and <a href=https://twitter.com/fat>@fat</a>. Prior to being an open-sourced framework, Bootstrap was known as <em>Twitter Blueprint</em>. A few months into development, Twitter held its <a href=https://blog.twitter.com/2010/hack-week>first Hack Week</a> and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.</p> <p>Originally <a href=https://blog.twitter.com/2011/bootstrap-twitter>released</a> on Friday, August 19, 2011, we've since had over <a href=https://github.com/twbs/bootstrap/releases>twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=team>Team</h1> <p class=lead>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p> <h2 id=team-core>Core team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe> <a href=https://github.com/mdo class=team-member> <img alt="@mdo avatar" height=32 src="https://secure.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c.jpg?s=32" width=32> <strong>Mark Otto</strong> <small>@mdo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=fat&amp;type=follow"></iframe> <a href=https://github.com/fat class=team-member> <img alt="@fat avatar" height=32 src="https://secure.gravatar.com/avatar/a98244cbdacaf1c0b55499466002f7a8.jpg?s=32" width=32> <strong>Jacob Thornton</strong> <small>@fat</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=cvrebert&amp;type=follow"></iframe> <a href=https://github.com/cvrebert class=team-member> <img alt="@cvrebert avatar" height=32 src="https://secure.gravatar.com/avatar/edec428c425453955f770095a7d26c50.jpg?s=32" width=32> <strong>Chris Rebert</strong> <small>@cvrebert</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=juthilo&amp;type=follow"></iframe> <a href=https://github.com/juthilo class=team-member> <img alt="@juthilo avatar" height=32 src="https://secure.gravatar.com/avatar/0f7dd3ce58a416be5685ea6194f82b11.jpg?s=32" width=32> <strong>Julian Thilo</strong> <small>@juthilo</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=xhmikosr&amp;type=follow"></iframe> <a href=https://github.com/xhmikosr class=team-member> <img alt="@xhmikosr avatar" height=32 src="https://secure.gravatar.com/avatar/e37759b1ea0125d4e97b1e00b5eed26f.jpg?s=32" width=32> <strong>XhmikosR</strong> <small>@xhmikosr</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=hnrch02&amp;type=follow"></iframe> <a href=https://github.com/hnrch02 class=team-member> <img alt="@hnrch02 avatar" height=32 src="https://secure.gravatar.com/avatar/0d53f5d3d3d28bd470f394d98f7ef48f.jpg?s=32" width=32> <strong>Heinrich Fenkart</strong> <small>@hnrch02</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=patrickhlauke&amp;type=follow"></iframe> <a href=https://github.com/patrickhlauke class=team-member> <img alt="@patrickhlauke avatar" height=32 src="https://secure.gravatar.com/avatar/357f279672db832fc41a5a2f36559fcb.jpg?s=32" width=32> <strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small> </a> </div> </div> <p>Get involved with Bootstrap development by <a href=https://github.com/twbs/bootstrap/issues/new>opening an issue</a> or submitting a pull request. Read our <a href=https://github.com/twbs/bootstrap/blob/v3.3.7/CONTRIBUTING.md>contributing guidelines</a> for information on how we develop.</p> <h2 id=team-sass>Sass team</h2> <div class="bs-team list-group"> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=thomas-mcdonald&amp;type=follow"></iframe> <a href=https://github.com/thomas-mcdonald class=team-member> <img alt="@thomas-mcdonald avatar" height=32 src="https://secure.gravatar.com/avatar/24cd55ab1a62ffb113ab8c02f64c9301.jpg?s=32" width=32> <strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small> </a> </div> <div class=list-group-item> <iframe class=github-btn src="https://ghbtns.com/github-btn.html?user=glebm&amp;type=follow"></iframe> <a href=https://github.com/glebm class=team-member> <img alt="@glebm avatar" height=32 src="https://secure.gravatar.com/avatar/729f685b8e8d7e9feed18c177c82e59b.jpg?s=32" width=32> <strong>Gleb Mazovetskiy</strong> <small>@glebm</small> </a> </div> </div> <p>The <a href=https://github.com/twbs/bootstrap-sass>official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href=https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md>contributing guidelines</a> for information on how the Sass port is developed.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=brand>Brand guidelines</h1> <p class=lead>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 <a href=http://mailchimp.com/about/brand-assets/ rel=noopener target=_blank>Brand Assets</a>.</p> <h2>Mark and logo</h2> <p>Use either the Bootstrap mark (a capital <strong>B</strong>) or the standard logo (just <strong>Bootstrap</strong>). It should always appear in Helvetica Neue Bold. <strong>Do not use the Twitter bird</strong> in association with Bootstrap.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <div class="bs-docs-booticon bs-docs-booticon-lg">B</div> </div> <div class="bs-brand-item inverse"> <div class="bs-docs-booticon bs-docs-booticon-lg bs-docs-booticon-inverse">B</div> </div> </div> <div class=bs-brand-logos> <div class=bs-brand-item> <h1>Bootstrap</h1> </div> <div class="bs-brand-item inverse"> <h1>Bootstrap</h1> </div> </div> <h2>Download mark</h2> <p>Download the Bootstrap mark in one of three styles, each available as an SVG file. Right click, Save as.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-solid.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-outline.svg width=144 class=svg> </div> <div class="bs-brand-item inverse"> <img alt=Bootstrap height=144 src=../assets/brand/bootstrap-punchout.svg width=144 class=svg> </div> </div> <h2>Name</h2> <p>The project and framework should always be referred to as <strong>Bootstrap</strong>. No Twitter before it, no capital <em>s</em>, and no abbreviations except for one, a capital <strong>B</strong>.</p> <div class=bs-brand-logos> <div class=bs-brand-item> <h3>Bootstrap</h3> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=sr-only>(correct)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>BootStrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> <div class=bs-brand-item> <h3 class=text-muted>Twitter Bootstrap</h3> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=sr-only>(incorrect)</span> </div> </div> <h2>Colors</h2> <p>Our docs and branding use a handful of primary colors to differentiate what <em>is</em> Bootstrap from what <em>is in</em> Bootstrap. In other words, if it's purple, it's representative of Bootstrap.</p> <div class=bs-brand> <div class=color-swatches> <div class="color-swatch bs-purple"></div> <div class="color-swatch bs-purple-light"></div> <div class="color-swatch bs-purple-lighter"></div> <div class="color-swatch bs-gray"></div> </div> </div> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#history>History</a> </li> <li> <a href=#team>Team</a> </li> <li> <a href=#brand>Brand guidelines</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script>
index 3c8fc5a8e49a9394f074e1cbe654491bdd77fd9e..1545a38121b84cf880a08db43b21304026f36bc0 100644 (file)
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Wall of browser bugs &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/browser-bugs/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Wall of browser bugs</h1> <p>A list of the browser bugs that Bootstrap is currently grappling with.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-12 role=main> <div class=bs-docs-section> <h1 class=page-header id=browser-bugs>Browser bugs</h1> <p class=lead>Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.</p> <p>We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap's browser compatibility, <a href=../getting-started/#support>see our browser compatibility docs</a>.</p> <p>See also:</p> <ul> <li><a href="https://code.google.com/p/chromium/issues/detail?id=536263">Chromium issue 536263: [meta] Issues affecting Bootstrap</a></li> <li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1230801">Mozilla bug 1230801: Fix the issues that affect Bootstrap</a></li> <li><a href="https://bugs.webkit.org/show_bug.cgi?id=159753">WebKit bug 159753: [meta] Issues affecting Bootstrap</a></li> <li><a href=https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o>jQuery's browser bug workarounds</a></li> </ul> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of bug</th> <th>Upstream bug(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Native browser tooltip for <code class=highlighter-rouge>title</code> shows on first keyboard focus (in addition to custom tooltip component)</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6793560>Edge issue #6793560</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18692>#18692</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovered element still remains in <code class=highlighter-rouge>:hover</code> state after scrolling away.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5381673>Edge issue #5381673</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14211>#14211</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>When hovering over a <code class=highlighter-rouge>&lt;select&gt;</code> menu item, the cursor for the element underneath the menu is displayed.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/817822>Edge issue #817822</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14528>#14528</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>CSS <code class=highlighter-rouge>border-radius</code> sometimes causes lines of bleed-through of the <code class=highlighter-rouge>background-color</code> of the parent element.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3342037>Edge issue #3342037</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16671>#16671</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>background</code> of <code class=highlighter-rouge>&lt;tr&gt;</code> is only applied to first child cell instead of all cells in the row</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5865620>Edge issue #5865620</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18504>#18504</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>@-ms-viewport{width: device-width;}</code> has side-effect of making scrollbars auto-hide</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7165383>Edge issue #7165383</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18543>#18543</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Background color from lower layer bleeds through transparent border in some cases</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6274505>Edge issue #6274505</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18228>#18228</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovering over descendant SVG element fires <code class=highlighter-rouge>mouseleave</code> event at ancestor</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7787318>Edge issue #7787318</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>.table-bordered</code> with an empty <code class=highlighter-rouge>&lt;tbody&gt;</code> is missing borders.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1023761">Mozilla bug #1023761</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/13453>#13453</a> </td> </tr> <tr> <td>Firefox </td> <td><p>If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=654072">Mozilla bug #654072</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/793>#793</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>focus</code> events should not be fired at the <code class=highlighter-rouge>document</code> object</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1228802">Mozilla bug #1228802</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18365>#18365</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Wide floated table doesn’t wrap onto new line</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277782">Mozilla bug #1277782</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19839>#19839</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Mouse sometimes not within element for purposes of <code class=highlighter-rouge>mouseenter</code>/<code class=highlighter-rouge>mouseleave</code> when it’s within SVG elements</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=577785">Mozilla bug #577785</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>position: absolute</code> element that’s wider than its column renders differently than other browsers</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1282363">Mozilla bug #1282363</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20161>#20161</a> </td> </tr> <tr> <td>Firefox (Windows) </td> <td><p>Right border of <code class=highlighter-rouge>&lt;select&gt;</code> menu is sometimes missing when screen is set to uncommon resolution</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=545685">Mozilla bug #545685</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15990>#15990</a> </td> </tr> <tr> <td>Firefox (OS X & Linux) </td> <td><p>Badge widget causes bottom border of Tabs widget to unexpectedly not overlap</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1259972">Mozilla bug #1259972</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19626>#19626</a> </td> </tr> <tr> <td>Chrome (Android) </td> <td><p>Tapping on an <code class=highlighter-rouge>&lt;input&gt;</code> in a scrollable overlay doesn’t scroll the <code class=highlighter-rouge>&lt;input&gt;</code> into view</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=595210">Chromium issue #595210</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17338>#17338</a> </td> </tr> <tr> <td>Chrome (OS X) </td> <td><p>Clicking above <code class=highlighter-rouge>&lt;input type="number"&gt;</code> increment button flashes the decrement button.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=419108">Chromium issue #419108</a> </td> <td>Offshoot of <a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a> & <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Chrome </td> <td><p>CSS infinite linear animation with alpha transparency leaks memory.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=429375">Chromium issue #429375</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14409>#14409</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>:focus</code> <code class=highlighter-rouge>outline</code> style causes cursor to not be displayed when toggling a <code class=highlighter-rouge>readonly</code> <code class=highlighter-rouge>&lt;input&gt;</code> to read-write.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=465274">Chromium issue #465274</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16022>#16022</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>table-cell</code> borders not overlapping despite <code class=highlighter-rouge>margin-right: -1px</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=534750">Chromium issue #534750</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17438>#17438</a>, <a href=https://github.com/twbs/bootstrap/issues/14237>#14237</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Clicking scrollbar in <code class=highlighter-rouge>&lt;select multiple&gt;</code> with overflowed options will select nearby <code class=highlighter-rouge>&lt;option&gt;</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=597642">Chromium issue #597642</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19810>#19810</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=370155">Chromium issue #370155</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Chrome (Windows & Linux) </td> <td><p>Animation glitch when returning to inactive tab after animations occurred while tab was hidden.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=449180">Chromium issue #449180</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15298>#15298</a> </td> </tr> <tr> <td>Safari </td> <td><p><code class=highlighter-rouge>rem</code> units in media queries should be calculated using <code class=highlighter-rouge>font-size: initial</code>, not the root element’s <code class=highlighter-rouge>font-size</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156684">WebKit bug #156684</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p><code class=highlighter-rouge>px</code>, <code class=highlighter-rouge>em</code>, and <code class=highlighter-rouge>rem</code> should all behave the same in media queries when page zoom is applied</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156687">WebKit bug #156687</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Weird button behavior with some <code class=highlighter-rouge>&lt;input type="number"&gt;</code> elements.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, <a href=https://openradar.appspot.com/18834768>Apple Safari Radar #18834768</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a>, <a href=https://github.com/necolas/normalize.css/issues/283>Normalize #283</a>, <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Small font size when printing webpage with fixed-width <code class=highlighter-rouge>.container</code>.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, <a href=https://openradar.appspot.com/19435018>Apple Safari Radar #19435018</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14868>#14868</a> </td> </tr> <tr> <td>Safari (iPad) </td> <td><p><code class=highlighter-rouge>&lt;select&gt;</code> menu on iPad causes shifting of hit-testing areas</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=150079">WebKit bug #150079</a>, <a href=https://openradar.appspot.com/23082521>Apple Safari Radar #23082521</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14975>#14975</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>transform: translate3d(0,0,0);</code> rendering bug.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, <a href=https://openradar.appspot.com/18804973>Apple Safari Radar #18804973</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14603>#14603</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Text input’s cursor doesn’t move while scrolling the page.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, <a href=https://openradar.appspot.com/18819624>Apple Safari Radar #18819624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14708>#14708</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Can’t move cursor to start of text after entering long string of text into <code class=highlighter-rouge>&lt;input type="text"&gt;</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, <a href=https://openradar.appspot.com/22299624>Apple Safari Radar #22299624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16988>#16988</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>display: block</code> causes text of temporal <code class=highlighter-rouge>&lt;input&gt;</code>s to become vertically misaligned</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, <a href=https://openradar.appspot.com/19434878>Apple Safari Radar #19434878</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/11266>#11266</a>, <a href=https://github.com/twbs/bootstrap/issues/13098>#13098</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping on <code class=highlighter-rouge>&lt;body&gt;</code> doesn’t fire <code class=highlighter-rouge>click</code> events</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=151933">WebKit bug #151933</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16028>#16028</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>position:fixed</code> is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153056">WebKit bug #153056</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18859>#18859</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping into an <code class=highlighter-rouge>&lt;input&gt;</code> within a <code class=highlighter-rouge>position:fixed</code> element scrolls to the top of the page</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, <a href=https://openradar.appspot.com/24235301>Apple Safari Radar #24235301</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17497>#17497</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>&lt;body&gt;</code> with <code class=highlighter-rouge>overflow:hidden</code> CSS is scrollable on iOS</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153852">WebKit bug #153852</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Scroll gesture in text field in <code class=highlighter-rouge>position:fixed</code> element sometimes scrolls <code class=highlighter-rouge>&lt;body&gt;</code> instead of scrollable ancestor</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153856">WebKit bug #153856</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping from one <code class=highlighter-rouge>&lt;input&gt;</code> to another in an overlay can cause shaking/jiggling effect</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158276">WebKit bug #158276</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19927>#19927</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Modal with <code class=highlighter-rouge>-webkit-overflow-scrolling: touch</code> doesn’t become scrollable after added text makes it taller</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158342">WebKit bug #158342</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17695>#17695</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158517">WebKit bug #158517</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Safari (iPad Pro) </td> <td><p>Rendering of descendants of <code class=highlighter-rouge>position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, <a href=https://openradar.appspot.com/24030853>Apple Safari Radar #24030853</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18738>#18738</a> </td> </tr> </tbody> </table> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=most-wanted>Most wanted features</h1> <p class=lead>There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.</p> <p>We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.</p> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of feature</th> <th>Upstream issue(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/12299532>Edge UserVoice idea #12299532</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263621>Edge UserVoice idea #6263621</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Fire a <a href=https://developer.mozilla.org/en-US/docs/Web/Events/transitioncancel><code class=highlighter-rouge>transitioncancel</code> event</a> when a CSS transition is canceled</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1264125">Mozilla bug #1264125</a> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1182856">Mozilla bug #1182856</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the <a href="https://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=854148">Mozilla bug #854148</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=840640">Mozilla bug #840640</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href="https://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=304163">Chromium issue #304163</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=576815">Chromium issue #576815</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=231752">Chromium issue #231752</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=64861">WebKit bug #64861</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=84635">WebKit bug #84635</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> 
\ No newline at end of file
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Wall of browser bugs &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/browser-bugs/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Wall of browser bugs</h1> <p>A list of the browser bugs that Bootstrap is currently grappling with.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-12 role=main> <div class=bs-docs-section> <h1 class=page-header id=browser-bugs>Browser bugs</h1> <p class=lead>Bootstrap currently works around several outstanding browser bugs in major browsers to deliver the best cross-browser experience possible. Some bugs, like those listed below, cannot be solved by us.</p> <p>We publicly list browser bugs that are impacting us here, in the hopes of expediting the process of fixing them. For information on Bootstrap's browser compatibility, <a href=../getting-started/#support>see our browser compatibility docs</a>.</p> <p>See also:</p> <ul> <li><a href="https://code.google.com/p/chromium/issues/detail?id=536263">Chromium issue 536263: [meta] Issues affecting Bootstrap</a></li> <li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1230801">Mozilla bug 1230801: Fix the issues that affect Bootstrap</a></li> <li><a href="https://bugs.webkit.org/show_bug.cgi?id=159753">WebKit bug 159753: [meta] Issues affecting Bootstrap</a></li> <li><a href=https://docs.google.com/document/d/1LPaPA30bLUB_publLIMF0RlhdnPx_ePXm7oW02iiT6o>jQuery's browser bug workarounds</a></li> </ul> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of bug</th> <th>Upstream bug(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Native browser tooltip for <code class=highlighter-rouge>title</code> shows on first keyboard focus (in addition to custom tooltip component)</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6793560>Edge issue #6793560</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18692>#18692</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovered element still remains in <code class=highlighter-rouge>:hover</code> state after scrolling away.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5381673>Edge issue #5381673</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14211>#14211</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>When hovering over a <code class=highlighter-rouge>&lt;select&gt;</code> menu item, the cursor for the element underneath the menu is displayed.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/817822>Edge issue #817822</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14528>#14528</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>CSS <code class=highlighter-rouge>border-radius</code> sometimes causes lines of bleed-through of the <code class=highlighter-rouge>background-color</code> of the parent element.</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3342037>Edge issue #3342037</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16671>#16671</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>background</code> of <code class=highlighter-rouge>&lt;tr&gt;</code> is only applied to first child cell instead of all cells in the row</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/5865620>Edge issue #5865620</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18504>#18504</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p><code class=highlighter-rouge>@-ms-viewport{width: device-width;}</code> has side-effect of making scrollbars auto-hide</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7165383>Edge issue #7165383</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18543>#18543</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Background color from lower layer bleeds through transparent border in some cases</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6274505>Edge issue #6274505</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18228>#18228</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Hovering over descendant SVG element fires <code class=highlighter-rouge>mouseleave</code> event at ancestor</p> </td> <td><a href=https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7787318>Edge issue #7787318</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>.table-bordered</code> with an empty <code class=highlighter-rouge>&lt;tbody&gt;</code> is missing borders.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1023761">Mozilla bug #1023761</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/13453>#13453</a> </td> </tr> <tr> <td>Firefox </td> <td><p>If the disabled state of a form control is changed via JavaScript, the normal state doesn’t return after refreshing the page.</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=654072">Mozilla bug #654072</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/793>#793</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>focus</code> events should not be fired at the <code class=highlighter-rouge>document</code> object</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1228802">Mozilla bug #1228802</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18365>#18365</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Wide floated table doesn’t wrap onto new line</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1277782">Mozilla bug #1277782</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19839>#19839</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Mouse sometimes not within element for purposes of <code class=highlighter-rouge>mouseenter</code>/<code class=highlighter-rouge>mouseleave</code> when it’s within SVG elements</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=577785">Mozilla bug #577785</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19670>#19670</a> </td> </tr> <tr> <td>Firefox </td> <td><p><code class=highlighter-rouge>position: absolute</code> element that’s wider than its column renders differently than other browsers</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1282363">Mozilla bug #1282363</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20161>#20161</a> </td> </tr> <tr> <td>Firefox (Windows) </td> <td><p>Right border of <code class=highlighter-rouge>&lt;select&gt;</code> menu is sometimes missing when screen is set to uncommon resolution</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=545685">Mozilla bug #545685</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15990>#15990</a> </td> </tr> <tr> <td>Firefox (OS X & Linux) </td> <td><p>Badge widget causes bottom border of Tabs widget to unexpectedly not overlap</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1259972">Mozilla bug #1259972</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19626>#19626</a> </td> </tr> <tr> <td>Chrome (Android) </td> <td><p>Tapping on an <code class=highlighter-rouge>&lt;input&gt;</code> in a scrollable overlay doesn’t scroll the <code class=highlighter-rouge>&lt;input&gt;</code> into view</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=595210">Chromium issue #595210</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17338>#17338</a> </td> </tr> <tr> <td>Chrome (OS X) </td> <td><p>Clicking above <code class=highlighter-rouge>&lt;input type="number"&gt;</code> increment button flashes the decrement button.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=419108">Chromium issue #419108</a> </td> <td>Offshoot of <a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a> & <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Chrome </td> <td><p>CSS infinite linear animation with alpha transparency leaks memory.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=429375">Chromium issue #429375</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14409>#14409</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>:focus</code> <code class=highlighter-rouge>outline</code> style causes cursor to not be displayed when toggling a <code class=highlighter-rouge>readonly</code> <code class=highlighter-rouge>&lt;input&gt;</code> to read-write.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=465274">Chromium issue #465274</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16022>#16022</a> </td> </tr> <tr> <td>Chrome </td> <td><p><code class=highlighter-rouge>table-cell</code> borders not overlapping despite <code class=highlighter-rouge>margin-right: -1px</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=534750">Chromium issue #534750</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17438>#17438</a>, <a href=https://github.com/twbs/bootstrap/issues/14237>#14237</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Clicking scrollbar in <code class=highlighter-rouge>&lt;select multiple&gt;</code> with overflowed options will select nearby <code class=highlighter-rouge>&lt;option&gt;</code></p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=597642">Chromium issue #597642</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19810>#19810</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=370155">Chromium issue #370155</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Chrome (Windows & Linux) </td> <td><p>Animation glitch when returning to inactive tab after animations occurred while tab was hidden.</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=449180">Chromium issue #449180</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/15298>#15298</a> </td> </tr> <tr> <td>Safari </td> <td><p><code class=highlighter-rouge>rem</code> units in media queries should be calculated using <code class=highlighter-rouge>font-size: initial</code>, not the root element’s <code class=highlighter-rouge>font-size</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156684">WebKit bug #156684</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p><code class=highlighter-rouge>px</code>, <code class=highlighter-rouge>em</code>, and <code class=highlighter-rouge>rem</code> should all behave the same in media queries when page zoom is applied</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=156687">WebKit bug #156687</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17403>#17403</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Weird button behavior with some <code class=highlighter-rouge>&lt;input type="number"&gt;</code> elements.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, <a href=https://openradar.appspot.com/18834768>Apple Safari Radar #18834768</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/8350>#8350</a>, <a href=https://github.com/necolas/normalize.css/issues/283>Normalize #283</a>, <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a> </td> </tr> <tr> <td>Safari (OS X) </td> <td><p>Small font size when printing webpage with fixed-width <code class=highlighter-rouge>.container</code>.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, <a href=https://openradar.appspot.com/19435018>Apple Safari Radar #19435018</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14868>#14868</a> </td> </tr> <tr> <td>Safari (iPad) </td> <td><p><code class=highlighter-rouge>&lt;select&gt;</code> menu on iPad causes shifting of hit-testing areas</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=150079">WebKit bug #150079</a>, <a href=https://openradar.appspot.com/23082521>Apple Safari Radar #23082521</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14975>#14975</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>transform: translate3d(0,0,0);</code> rendering bug.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, <a href=https://openradar.appspot.com/18804973>Apple Safari Radar #18804973</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14603>#14603</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Text input’s cursor doesn’t move while scrolling the page.</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, <a href=https://openradar.appspot.com/18819624>Apple Safari Radar #18819624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14708>#14708</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Can’t move cursor to start of text after entering long string of text into <code class=highlighter-rouge>&lt;input type="text"&gt;</code></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, <a href=https://openradar.appspot.com/22299624>Apple Safari Radar #22299624</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16988>#16988</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>display: block</code> causes text of temporal <code class=highlighter-rouge>&lt;input&gt;</code>s to become vertically misaligned</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, <a href=https://openradar.appspot.com/19434878>Apple Safari Radar #19434878</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/11266>#11266</a>, <a href=https://github.com/twbs/bootstrap/issues/13098>#13098</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping on <code class=highlighter-rouge>&lt;body&gt;</code> doesn’t fire <code class=highlighter-rouge>click</code> events</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=151933">WebKit bug #151933</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/16028>#16028</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>position:fixed</code> is incorrectly positioned when tab bar is visible on iPhone 6S+ Safari</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153056">WebKit bug #153056</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18859>#18859</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping into an <code class=highlighter-rouge>&lt;input&gt;</code> within a <code class=highlighter-rouge>position:fixed</code> element scrolls to the top of the page</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, <a href=https://openradar.appspot.com/24235301>Apple Safari Radar #24235301</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17497>#17497</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p><code class=highlighter-rouge>&lt;body&gt;</code> with <code class=highlighter-rouge>overflow:hidden</code> CSS is scrollable on iOS</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153852">WebKit bug #153852</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Scroll gesture in text field in <code class=highlighter-rouge>position:fixed</code> element sometimes scrolls <code class=highlighter-rouge>&lt;body&gt;</code> instead of scrollable ancestor</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=153856">WebKit bug #153856</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/14839>#14839</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Tapping from one <code class=highlighter-rouge>&lt;input&gt;</code> to another in an overlay can cause shaking/jiggling effect</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158276">WebKit bug #158276</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19927>#19927</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Modal with <code class=highlighter-rouge>-webkit-overflow-scrolling: touch</code> doesn’t become scrollable after added text makes it taller</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158342">WebKit bug #158342</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17695>#17695</a> </td> </tr> <tr> <td>Safari (iOS) </td> <td><p>Don’t make <code class=highlighter-rouge>:hover</code> sticky on touch-friendly webpages</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=158517">WebKit bug #158517</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/12832>#12832</a> </td> </tr> <tr> <td>Safari (iPad Pro) </td> <td><p>Rendering of descendants of <code class=highlighter-rouge>position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, <a href=https://openradar.appspot.com/24030853>Apple Safari Radar #24030853</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/18738>#18738</a> </td> </tr> </tbody> </table> </div> </div> <div class=bs-docs-section> <h1 class=page-header id=most-wanted>Most wanted features</h1> <p class=lead>There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren't yet implemented in certain browsers, thus preventing us from taking advantage of them.</p> <p>We publicly list these "most wanted" feature requests here, in the hopes of expediting the process of getting them implemented.</p> <div class=table-responsive> <table class="bs-docs-browser-bugs table table-bordered table-hover"> <thead> <tr> <th>Browser(s)</th> <th>Summary of feature</th> <th>Upstream issue(s)</th> <th>Bootstrap issue(s)</th> </tr> </thead> <tbody> <tr> <td>Microsoft Edge </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/12299532>Edge UserVoice idea #12299532</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Microsoft Edge </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href=https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263621>Edge UserVoice idea #6263621</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Fire a <a href=https://developer.mozilla.org/en-US/docs/Web/Events/transitioncancel><code class=highlighter-rouge>transitioncancel</code> event</a> when a CSS transition is canceled</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1264125">Mozilla bug #1264125</a> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1182856">Mozilla bug #1182856</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the <a href="https://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=854148">Mozilla bug #854148</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Firefox </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=840640">Mozilla bug #840640</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href="https://caniuse.com/#feat=css-nth-child-of"><code class=highlighter-rouge>of &lt;selector-list&gt;</code> clause</a> of the <code class=highlighter-rouge>:nth-child()</code> pseudo-class</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=304163">Chromium issue #304163</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20143>#20143</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=576815">Chromium issue #576815</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Chrome </td> <td><p>Implement <a href=http://html5please.com/#position:sticky>sticky positioning</a> from CSS Positioned Layout Level 3</p> </td> <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=231752">Chromium issue #231752</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/17021>#17021</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the <a href=https://developer.mozilla.org/en-US/docs/Web/CSS/:dir><code class=highlighter-rouge>:dir()</code> pseudo-class</a> from Selectors Level 4</p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=64861">WebKit bug #64861</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/19984>#19984</a> </td> </tr> <tr> <td>Safari </td> <td><p>Implement the HTML5 <a href=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog><code class=highlighter-rouge>&lt;dialog&gt;</code> element</a></p> </td> <td><a href="https://bugs.webkit.org/show_bug.cgi?id=84635">WebKit bug #84635</a> </td> <td><a href=https://github.com/twbs/bootstrap/issues/20175>#20175</a> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script>
\ No newline at end of file
index a7c5f8c61539a6d872a438ad82eab3a90fea8575..017ea0c0be5b37e9aedd238d2bcb900b2fbe6d50 100644 (file)
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Components &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/components/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li class=active> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Components</h1> <p>Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=glyphicons>Glyphicons</h1> <h2 id=glyphicons-glyphs>Available glyphs</h2> <p>Includes over 250 glyphs in font format from the Glyphicon Halflings set. <a href=https://www.glyphicons.com/ >Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to <a href=https://www.glyphicons.com/ >Glyphicons</a> whenever possible.</p> <div class=bs-glyphicons> <ul class=bs-glyphicons-list> <li> <span class="glyphicon glyphicon-asterisk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-asterisk</span> </li> <li> <span class="glyphicon glyphicon-plus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus</span> </li> <li> <span class="glyphicon glyphicon-euro" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-euro</span> </li> <li> <span class="glyphicon glyphicon-eur" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eur</span> </li> <li> <span class="glyphicon glyphicon-minus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus</span> </li> <li> <span class="glyphicon glyphicon-cloud" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud</span> </li> <li> <span class="glyphicon glyphicon-envelope" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-envelope</span> </li> <li> <span class="glyphicon glyphicon-pencil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pencil</span> </li> <li> <span class="glyphicon glyphicon-glass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-glass</span> </li> <li> <span class="glyphicon glyphicon-music" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-music</span> </li> <li> <span class="glyphicon glyphicon-search" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-search</span> </li> <li> <span class="glyphicon glyphicon-heart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart</span> </li> <li> <span class="glyphicon glyphicon-star" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star</span> </li> <li> <span class="glyphicon glyphicon-star-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star-empty</span> </li> <li> <span class="glyphicon glyphicon-user" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-user</span> </li> <li> <span class="glyphicon glyphicon-film" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-film</span> </li> <li> <span class="glyphicon glyphicon-th-large" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-large</span> </li> <li> <span class="glyphicon glyphicon-th" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th</span> </li> <li> <span class="glyphicon glyphicon-th-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-list</span> </li> <li> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok</span> </li> <li> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove</span> </li> <li> <span class="glyphicon glyphicon-zoom-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-in</span> </li> <li> <span class="glyphicon glyphicon-zoom-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-out</span> </li> <li> <span class="glyphicon glyphicon-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-off</span> </li> <li> <span class="glyphicon glyphicon-signal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-signal</span> </li> <li> <span class="glyphicon glyphicon-cog" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cog</span> </li> <li> <span class="glyphicon glyphicon-trash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-trash</span> </li> <li> <span class="glyphicon glyphicon-home" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-home</span> </li> <li> <span class="glyphicon glyphicon-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-file</span> </li> <li> <span class="glyphicon glyphicon-time" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-time</span> </li> <li> <span class="glyphicon glyphicon-road" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-road</span> </li> <li> <span class="glyphicon glyphicon-download-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download-alt</span> </li> <li> <span class="glyphicon glyphicon-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download</span> </li> <li> <span class="glyphicon glyphicon-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-upload</span> </li> <li> <span class="glyphicon glyphicon-inbox" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-inbox</span> </li> <li> <span class="glyphicon glyphicon-play-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play-circle</span> </li> <li> <span class="glyphicon glyphicon-repeat" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-repeat</span> </li> <li> <span class="glyphicon glyphicon-refresh" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-refresh</span> </li> <li> <span class="glyphicon glyphicon-list-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list-alt</span> </li> <li> <span class="glyphicon glyphicon-lock" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lock</span> </li> <li> <span class="glyphicon glyphicon-flag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flag</span> </li> <li> <span class="glyphicon glyphicon-headphones" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-headphones</span> </li> <li> <span class="glyphicon glyphicon-volume-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-off</span> </li> <li> <span class="glyphicon glyphicon-volume-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-down</span> </li> <li> <span class="glyphicon glyphicon-volume-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-up</span> </li> <li> <span class="glyphicon glyphicon-qrcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-qrcode</span> </li> <li> <span class="glyphicon glyphicon-barcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-barcode</span> </li> <li> <span class="glyphicon glyphicon-tag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tag</span> </li> <li> <span class="glyphicon glyphicon-tags" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tags</span> </li> <li> <span class="glyphicon glyphicon-book" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-book</span> </li> <li> <span class="glyphicon glyphicon-bookmark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bookmark</span> </li> <li> <span class="glyphicon glyphicon-print" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-print</span> </li> <li> <span class="glyphicon glyphicon-camera" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-camera</span> </li> <li> <span class="glyphicon glyphicon-font" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-font</span> </li> <li> <span class="glyphicon glyphicon-bold" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bold</span> </li> <li> <span class="glyphicon glyphicon-italic" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-italic</span> </li> <li> <span class="glyphicon glyphicon-text-height" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-height</span> </li> <li> <span class="glyphicon glyphicon-text-width" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-width</span> </li> <li> <span class="glyphicon glyphicon-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-left</span> </li> <li> <span class="glyphicon glyphicon-align-center" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-center</span> </li> <li> <span class="glyphicon glyphicon-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-right</span> </li> <li> <span class="glyphicon glyphicon-align-justify" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-justify</span> </li> <li> <span class="glyphicon glyphicon-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list</span> </li> <li> <span class="glyphicon glyphicon-indent-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-left</span> </li> <li> <span class="glyphicon glyphicon-indent-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-right</span> </li> <li> <span class="glyphicon glyphicon-facetime-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-facetime-video</span> </li> <li> <span class="glyphicon glyphicon-picture" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-picture</span> </li> <li> <span class="glyphicon glyphicon-map-marker" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-map-marker</span> </li> <li> <span class="glyphicon glyphicon-adjust" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-adjust</span> </li> <li> <span class="glyphicon glyphicon-tint" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tint</span> </li> <li> <span class="glyphicon glyphicon-edit" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-edit</span> </li> <li> <span class="glyphicon glyphicon-share" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share</span> </li> <li> <span class="glyphicon glyphicon-check" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-check</span> </li> <li> <span class="glyphicon glyphicon-move" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-move</span> </li> <li> <span class="glyphicon glyphicon-step-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-backward</span> </li> <li> <span class="glyphicon glyphicon-fast-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-backward</span> </li> <li> <span class="glyphicon glyphicon-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-backward</span> </li> <li> <span class="glyphicon glyphicon-play" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play</span> </li> <li> <span class="glyphicon glyphicon-pause" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pause</span> </li> <li> <span class="glyphicon glyphicon-stop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stop</span> </li> <li> <span class="glyphicon glyphicon-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-forward</span> </li> <li> <span class="glyphicon glyphicon-fast-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-forward</span> </li> <li> <span class="glyphicon glyphicon-step-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-forward</span> </li> <li> <span class="glyphicon glyphicon-eject" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eject</span> </li> <li> <span class="glyphicon glyphicon-chevron-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-left</span> </li> <li> <span class="glyphicon glyphicon-chevron-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-right</span> </li> <li> <span class="glyphicon glyphicon-plus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus-sign</span> </li> <li> <span class="glyphicon glyphicon-minus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus-sign</span> </li> <li> <span class="glyphicon glyphicon-remove-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-sign</span> </li> <li> <span class="glyphicon glyphicon-ok-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-sign</span> </li> <li> <span class="glyphicon glyphicon-question-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-question-sign</span> </li> <li> <span class="glyphicon glyphicon-info-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-info-sign</span> </li> <li> <span class="glyphicon glyphicon-screenshot" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-screenshot</span> </li> <li> <span class="glyphicon glyphicon-remove-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-circle</span> </li> <li> <span class="glyphicon glyphicon-ok-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-circle</span> </li> <li> <span class="glyphicon glyphicon-ban-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ban-circle</span> </li> <li> <span class="glyphicon glyphicon-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-share-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share-alt</span> </li> <li> <span class="glyphicon glyphicon-resize-full" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-full</span> </li> <li> <span class="glyphicon glyphicon-resize-small" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-small</span> </li> <li> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-exclamation-sign</span> </li> <li> <span class="glyphicon glyphicon-gift" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gift</span> </li> <li> <span class="glyphicon glyphicon-leaf" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-leaf</span> </li> <li> <span class="glyphicon glyphicon-fire" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fire</span> </li> <li> <span class="glyphicon glyphicon-eye-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-open</span> </li> <li> <span class="glyphicon glyphicon-eye-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-close</span> </li> <li> <span class="glyphicon glyphicon-warning-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-warning-sign</span> </li> <li> <span class="glyphicon glyphicon-plane" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plane</span> </li> <li> <span class="glyphicon glyphicon-calendar" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-calendar</span> </li> <li> <span class="glyphicon glyphicon-random" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-random</span> </li> <li> <span class="glyphicon glyphicon-comment" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-comment</span> </li> <li> <span class="glyphicon glyphicon-magnet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-magnet</span> </li> <li> <span class="glyphicon glyphicon-chevron-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-up</span> </li> <li> <span class="glyphicon glyphicon-chevron-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-down</span> </li> <li> <span class="glyphicon glyphicon-retweet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-retweet</span> </li> <li> <span class="glyphicon glyphicon-shopping-cart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-shopping-cart</span> </li> <li> <span class="glyphicon glyphicon-folder-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-close</span> </li> <li> <span class="glyphicon glyphicon-folder-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-open</span> </li> <li> <span class="glyphicon glyphicon-resize-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-vertical</span> </li> <li> <span class="glyphicon glyphicon-resize-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-horizontal</span> </li> <li> <span class="glyphicon glyphicon-hdd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hdd</span> </li> <li> <span class="glyphicon glyphicon-bullhorn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bullhorn</span> </li> <li> <span class="glyphicon glyphicon-bell" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bell</span> </li> <li> <span class="glyphicon glyphicon-certificate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-certificate</span> </li> <li> <span class="glyphicon glyphicon-thumbs-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-up</span> </li> <li> <span class="glyphicon glyphicon-thumbs-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-down</span> </li> <li> <span class="glyphicon glyphicon-hand-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-right</span> </li> <li> <span class="glyphicon glyphicon-hand-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-left</span> </li> <li> <span class="glyphicon glyphicon-hand-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-up</span> </li> <li> <span class="glyphicon glyphicon-hand-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-down</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-globe" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-globe</span> </li> <li> <span class="glyphicon glyphicon-wrench" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-wrench</span> </li> <li> <span class="glyphicon glyphicon-tasks" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tasks</span> </li> <li> <span class="glyphicon glyphicon-filter" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-filter</span> </li> <li> <span class="glyphicon glyphicon-briefcase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-briefcase</span> </li> <li> <span class="glyphicon glyphicon-fullscreen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fullscreen</span> </li> <li> <span class="glyphicon glyphicon-dashboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-dashboard</span> </li> <li> <span class="glyphicon glyphicon-paperclip" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paperclip</span> </li> <li> <span class="glyphicon glyphicon-heart-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart-empty</span> </li> <li> <span class="glyphicon glyphicon-link" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-link</span> </li> <li> <span class="glyphicon glyphicon-phone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone</span> </li> <li> <span class="glyphicon glyphicon-pushpin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pushpin</span> </li> <li> <span class="glyphicon glyphicon-usd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-usd</span> </li> <li> <span class="glyphicon glyphicon-gbp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gbp</span> </li> <li> <span class="glyphicon glyphicon-sort" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes-alt</span> </li> <li> <span class="glyphicon glyphicon-unchecked" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-unchecked</span> </li> <li> <span class="glyphicon glyphicon-expand" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-expand</span> </li> <li> <span class="glyphicon glyphicon-collapse-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-down</span> </li> <li> <span class="glyphicon glyphicon-collapse-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-up</span> </li> <li> <span class="glyphicon glyphicon-log-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-in</span> </li> <li> <span class="glyphicon glyphicon-flash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flash</span> </li> <li> <span class="glyphicon glyphicon-log-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-out</span> </li> <li> <span class="glyphicon glyphicon-new-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-new-window</span> </li> <li> <span class="glyphicon glyphicon-record" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-record</span> </li> <li> <span class="glyphicon glyphicon-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save</span> </li> <li> <span class="glyphicon glyphicon-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open</span> </li> <li> <span class="glyphicon glyphicon-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-saved</span> </li> <li> <span class="glyphicon glyphicon-import" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-import</span> </li> <li> <span class="glyphicon glyphicon-export" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-export</span> </li> <li> <span class="glyphicon glyphicon-send" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-send</span> </li> <li> <span class="glyphicon glyphicon-floppy-disk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-disk</span> </li> <li> <span class="glyphicon glyphicon-floppy-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-saved</span> </li> <li> <span class="glyphicon glyphicon-floppy-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-remove</span> </li> <li> <span class="glyphicon glyphicon-floppy-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-save</span> </li> <li> <span class="glyphicon glyphicon-floppy-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-open</span> </li> <li> <span class="glyphicon glyphicon-credit-card" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-credit-card</span> </li> <li> <span class="glyphicon glyphicon-transfer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-transfer</span> </li> <li> <span class="glyphicon glyphicon-cutlery" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cutlery</span> </li> <li> <span class="glyphicon glyphicon-header" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-header</span> </li> <li> <span class="glyphicon glyphicon-compressed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-compressed</span> </li> <li> <span class="glyphicon glyphicon-earphone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-earphone</span> </li> <li> <span class="glyphicon glyphicon-phone-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone-alt</span> </li> <li> <span class="glyphicon glyphicon-tower" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tower</span> </li> <li> <span class="glyphicon glyphicon-stats" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stats</span> </li> <li> <span class="glyphicon glyphicon-sd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sd-video</span> </li> <li> <span class="glyphicon glyphicon-hd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hd-video</span> </li> <li> <span class="glyphicon glyphicon-subtitles" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subtitles</span> </li> <li> <span class="glyphicon glyphicon-sound-stereo" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-stereo</span> </li> <li> <span class="glyphicon glyphicon-sound-dolby" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-dolby</span> </li> <li> <span class="glyphicon glyphicon-sound-5-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-5-1</span> </li> <li> <span class="glyphicon glyphicon-sound-6-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-6-1</span> </li> <li> <span class="glyphicon glyphicon-sound-7-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-7-1</span> </li> <li> <span class="glyphicon glyphicon-copyright-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copyright-mark</span> </li> <li> <span class="glyphicon glyphicon-registration-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-registration-mark</span> </li> <li> <span class="glyphicon glyphicon-cloud-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-download</span> </li> <li> <span class="glyphicon glyphicon-cloud-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-upload</span> </li> <li> <span class="glyphicon glyphicon-tree-conifer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-conifer</span> </li> <li> <span class="glyphicon glyphicon-tree-deciduous" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-deciduous</span> </li> <li> <span class="glyphicon glyphicon-cd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cd</span> </li> <li> <span class="glyphicon glyphicon-save-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save-file</span> </li> <li> <span class="glyphicon glyphicon-open-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open-file</span> </li> <li> <span class="glyphicon glyphicon-level-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-level-up</span> </li> <li> <span class="glyphicon glyphicon-copy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copy</span> </li> <li> <span class="glyphicon glyphicon-paste" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paste</span> </li> <li> <span class="glyphicon glyphicon-alert" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-alert</span> </li> <li> <span class="glyphicon glyphicon-equalizer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-equalizer</span> </li> <li> <span class="glyphicon glyphicon-king" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-king</span> </li> <li> <span class="glyphicon glyphicon-queen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-queen</span> </li> <li> <span class="glyphicon glyphicon-pawn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pawn</span> </li> <li> <span class="glyphicon glyphicon-bishop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bishop</span> </li> <li> <span class="glyphicon glyphicon-knight" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-knight</span> </li> <li> <span class="glyphicon glyphicon-baby-formula" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-baby-formula</span> </li> <li> <span class="glyphicon glyphicon-tent" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tent</span> </li> <li> <span class="glyphicon glyphicon-blackboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-blackboard</span> </li> <li> <span class="glyphicon glyphicon-bed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bed</span> </li> <li> <span class="glyphicon glyphicon-apple" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-apple</span> </li> <li> <span class="glyphicon glyphicon-erase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-erase</span> </li> <li> <span class="glyphicon glyphicon-hourglass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hourglass</span> </li> <li> <span class="glyphicon glyphicon-lamp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lamp</span> </li> <li> <span class="glyphicon glyphicon-duplicate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-duplicate</span> </li> <li> <span class="glyphicon glyphicon-piggy-bank" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-piggy-bank</span> </li> <li> <span class="glyphicon glyphicon-scissors" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scissors</span> </li> <li> <span class="glyphicon glyphicon-bitcoin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bitcoin</span> </li> <li> <span class="glyphicon glyphicon-btc" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-btc</span> </li> <li> <span class="glyphicon glyphicon-xbt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-xbt</span> </li> <li> <span class="glyphicon glyphicon-yen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-yen</span> </li> <li> <span class="glyphicon glyphicon-jpy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-jpy</span> </li> <li> <span class="glyphicon glyphicon-ruble" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ruble</span> </li> <li> <span class="glyphicon glyphicon-rub" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-rub</span> </li> <li> <span class="glyphicon glyphicon-scale" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scale</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly-tasted</span> </li> <li> <span class="glyphicon glyphicon-education" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-education</span> </li> <li> <span class="glyphicon glyphicon-option-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-horizontal</span> </li> <li> <span class="glyphicon glyphicon-option-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-vertical</span> </li> <li> <span class="glyphicon glyphicon-menu-hamburger" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-hamburger</span> </li> <li> <span class="glyphicon glyphicon-modal-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-modal-window</span> </li> <li> <span class="glyphicon glyphicon-oil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-oil</span> </li> <li> <span class="glyphicon glyphicon-grain" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-grain</span> </li> <li> <span class="glyphicon glyphicon-sunglasses" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sunglasses</span> </li> <li> <span class="glyphicon glyphicon-text-size" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-size</span> </li> <li> <span class="glyphicon glyphicon-text-color" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-color</span> </li> <li> <span class="glyphicon glyphicon-text-background" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-background</span> </li> <li> <span class="glyphicon glyphicon-object-align-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-top</span> </li> <li> <span class="glyphicon glyphicon-object-align-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-bottom</span> </li> <li> <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-horizontal</span> </li> <li> <span class="glyphicon glyphicon-object-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-left</span> </li> <li> <span class="glyphicon glyphicon-object-align-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-vertical</span> </li> <li> <span class="glyphicon glyphicon-object-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-left</span> </li> <li> <span class="glyphicon glyphicon-triangle-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-bottom</span> </li> <li> <span class="glyphicon glyphicon-triangle-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-top</span> </li> <li> <span class="glyphicon glyphicon-console" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-console</span> </li> <li> <span class="glyphicon glyphicon-superscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-superscript</span> </li> <li> <span class="glyphicon glyphicon-subscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subscript</span> </li> <li> <span class="glyphicon glyphicon-menu-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-left</span> </li> <li> <span class="glyphicon glyphicon-menu-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-right</span> </li> <li> <span class="glyphicon glyphicon-menu-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-down</span> </li> <li> <span class="glyphicon glyphicon-menu-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-up</span> </li> </ul> </div> <h2 id=glyphicons-how-to-use>How to use</h2> <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-dont-mix> <h4>Don't mix with other components</h4> <p>Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <code>&lt;span&gt;</code> and apply the icon classes to the <code>&lt;span&gt;</code>.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-empty-only> <h4>Only for use on empty elements</h4> <p>Icon classes should only be used on elements that contain no text content and have no child elements.</p> </div> <div class="bs-callout bs-callout-info" id=callout-glyphicons-location> <h4>Changing the icon font location</h4> <p>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:</p> <ul> <li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the source Less files.</li> <li>Utilize the <a href=http://lesscss.org/usage/#command-line-usage-relative-urls>relative URLs option</a> provided by the Less compiler.</li> <li>Change the <code>url()</code> paths in the compiled CSS.</li> </ul> <p>Use whatever option best suits your specific development setup.</p> </div> <div class="bs-callout bs-callout-warning" id=callout-glyphicons-accessibility> <h4>Accessible icons</h4> <p>Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the <code>aria-hidden="true"</code> attribute.</p> <p>If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the <code>.sr-only</code> class.</p> <p>If you're creating controls with no other text (such as a <code>&lt;button&gt;</code> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an <code>aria-label</code> attribute on the control itself.</p> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;span</span> <span class=na>class=</span><span class=s>"glyphicon glyphicon-search"</span> <span class=na>aria-hidden=</span><span class=s>"true"</span><span class=nt>&gt;&lt;/span&gt;</span></code></pre></figure> <h2 id=glyphicons-examples>Examples</h2> <p>Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.</p> <div class=bs-example data-example-id=glyphicons-general> <div class=btn-toolbar role=toolbar> <div class=btn-group> <button type=button class="btn btn-default" aria-label="Left Align"><span class="glyphicon glyphicon-align-left" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Center Align"><span class="glyphicon glyphicon-align-center" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Right Align"><span class="glyphicon glyphicon-align-right" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label=Justify><span class="glyphicon glyphicon-align-justify" aria-hidden=true></span></button> </div> </div> <div class=btn-toolbar role=toolbar> <button type=button class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;button</span> <span class=na>type=</span><span class=s>"button"</span> <span class=na>class=</span><span class=s>"btn btn-default"</span> <span class=na>aria-label=</span><span class=s>"Left Align"</span><span class=nt>&gt;</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Components &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/components/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li class=active> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Components</h1> <p>Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=glyphicons>Glyphicons</h1> <h2 id=glyphicons-glyphs>Available glyphs</h2> <p>Includes over 250 glyphs in font format from the Glyphicon Halflings set. <a href=https://www.glyphicons.com/ >Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to <a href=https://www.glyphicons.com/ >Glyphicons</a> whenever possible.</p> <div class=bs-glyphicons> <ul class=bs-glyphicons-list> <li> <span class="glyphicon glyphicon-asterisk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-asterisk</span> </li> <li> <span class="glyphicon glyphicon-plus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus</span> </li> <li> <span class="glyphicon glyphicon-euro" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-euro</span> </li> <li> <span class="glyphicon glyphicon-eur" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eur</span> </li> <li> <span class="glyphicon glyphicon-minus" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus</span> </li> <li> <span class="glyphicon glyphicon-cloud" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud</span> </li> <li> <span class="glyphicon glyphicon-envelope" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-envelope</span> </li> <li> <span class="glyphicon glyphicon-pencil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pencil</span> </li> <li> <span class="glyphicon glyphicon-glass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-glass</span> </li> <li> <span class="glyphicon glyphicon-music" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-music</span> </li> <li> <span class="glyphicon glyphicon-search" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-search</span> </li> <li> <span class="glyphicon glyphicon-heart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart</span> </li> <li> <span class="glyphicon glyphicon-star" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star</span> </li> <li> <span class="glyphicon glyphicon-star-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-star-empty</span> </li> <li> <span class="glyphicon glyphicon-user" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-user</span> </li> <li> <span class="glyphicon glyphicon-film" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-film</span> </li> <li> <span class="glyphicon glyphicon-th-large" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-large</span> </li> <li> <span class="glyphicon glyphicon-th" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th</span> </li> <li> <span class="glyphicon glyphicon-th-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-th-list</span> </li> <li> <span class="glyphicon glyphicon-ok" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok</span> </li> <li> <span class="glyphicon glyphicon-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove</span> </li> <li> <span class="glyphicon glyphicon-zoom-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-in</span> </li> <li> <span class="glyphicon glyphicon-zoom-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-zoom-out</span> </li> <li> <span class="glyphicon glyphicon-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-off</span> </li> <li> <span class="glyphicon glyphicon-signal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-signal</span> </li> <li> <span class="glyphicon glyphicon-cog" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cog</span> </li> <li> <span class="glyphicon glyphicon-trash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-trash</span> </li> <li> <span class="glyphicon glyphicon-home" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-home</span> </li> <li> <span class="glyphicon glyphicon-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-file</span> </li> <li> <span class="glyphicon glyphicon-time" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-time</span> </li> <li> <span class="glyphicon glyphicon-road" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-road</span> </li> <li> <span class="glyphicon glyphicon-download-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download-alt</span> </li> <li> <span class="glyphicon glyphicon-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-download</span> </li> <li> <span class="glyphicon glyphicon-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-upload</span> </li> <li> <span class="glyphicon glyphicon-inbox" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-inbox</span> </li> <li> <span class="glyphicon glyphicon-play-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play-circle</span> </li> <li> <span class="glyphicon glyphicon-repeat" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-repeat</span> </li> <li> <span class="glyphicon glyphicon-refresh" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-refresh</span> </li> <li> <span class="glyphicon glyphicon-list-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list-alt</span> </li> <li> <span class="glyphicon glyphicon-lock" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lock</span> </li> <li> <span class="glyphicon glyphicon-flag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flag</span> </li> <li> <span class="glyphicon glyphicon-headphones" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-headphones</span> </li> <li> <span class="glyphicon glyphicon-volume-off" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-off</span> </li> <li> <span class="glyphicon glyphicon-volume-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-down</span> </li> <li> <span class="glyphicon glyphicon-volume-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-volume-up</span> </li> <li> <span class="glyphicon glyphicon-qrcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-qrcode</span> </li> <li> <span class="glyphicon glyphicon-barcode" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-barcode</span> </li> <li> <span class="glyphicon glyphicon-tag" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tag</span> </li> <li> <span class="glyphicon glyphicon-tags" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tags</span> </li> <li> <span class="glyphicon glyphicon-book" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-book</span> </li> <li> <span class="glyphicon glyphicon-bookmark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bookmark</span> </li> <li> <span class="glyphicon glyphicon-print" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-print</span> </li> <li> <span class="glyphicon glyphicon-camera" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-camera</span> </li> <li> <span class="glyphicon glyphicon-font" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-font</span> </li> <li> <span class="glyphicon glyphicon-bold" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bold</span> </li> <li> <span class="glyphicon glyphicon-italic" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-italic</span> </li> <li> <span class="glyphicon glyphicon-text-height" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-height</span> </li> <li> <span class="glyphicon glyphicon-text-width" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-width</span> </li> <li> <span class="glyphicon glyphicon-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-left</span> </li> <li> <span class="glyphicon glyphicon-align-center" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-center</span> </li> <li> <span class="glyphicon glyphicon-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-right</span> </li> <li> <span class="glyphicon glyphicon-align-justify" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-align-justify</span> </li> <li> <span class="glyphicon glyphicon-list" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-list</span> </li> <li> <span class="glyphicon glyphicon-indent-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-left</span> </li> <li> <span class="glyphicon glyphicon-indent-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-indent-right</span> </li> <li> <span class="glyphicon glyphicon-facetime-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-facetime-video</span> </li> <li> <span class="glyphicon glyphicon-picture" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-picture</span> </li> <li> <span class="glyphicon glyphicon-map-marker" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-map-marker</span> </li> <li> <span class="glyphicon glyphicon-adjust" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-adjust</span> </li> <li> <span class="glyphicon glyphicon-tint" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tint</span> </li> <li> <span class="glyphicon glyphicon-edit" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-edit</span> </li> <li> <span class="glyphicon glyphicon-share" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share</span> </li> <li> <span class="glyphicon glyphicon-check" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-check</span> </li> <li> <span class="glyphicon glyphicon-move" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-move</span> </li> <li> <span class="glyphicon glyphicon-step-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-backward</span> </li> <li> <span class="glyphicon glyphicon-fast-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-backward</span> </li> <li> <span class="glyphicon glyphicon-backward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-backward</span> </li> <li> <span class="glyphicon glyphicon-play" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-play</span> </li> <li> <span class="glyphicon glyphicon-pause" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pause</span> </li> <li> <span class="glyphicon glyphicon-stop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stop</span> </li> <li> <span class="glyphicon glyphicon-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-forward</span> </li> <li> <span class="glyphicon glyphicon-fast-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fast-forward</span> </li> <li> <span class="glyphicon glyphicon-step-forward" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-step-forward</span> </li> <li> <span class="glyphicon glyphicon-eject" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eject</span> </li> <li> <span class="glyphicon glyphicon-chevron-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-left</span> </li> <li> <span class="glyphicon glyphicon-chevron-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-right</span> </li> <li> <span class="glyphicon glyphicon-plus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plus-sign</span> </li> <li> <span class="glyphicon glyphicon-minus-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-minus-sign</span> </li> <li> <span class="glyphicon glyphicon-remove-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-sign</span> </li> <li> <span class="glyphicon glyphicon-ok-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-sign</span> </li> <li> <span class="glyphicon glyphicon-question-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-question-sign</span> </li> <li> <span class="glyphicon glyphicon-info-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-info-sign</span> </li> <li> <span class="glyphicon glyphicon-screenshot" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-screenshot</span> </li> <li> <span class="glyphicon glyphicon-remove-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-remove-circle</span> </li> <li> <span class="glyphicon glyphicon-ok-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ok-circle</span> </li> <li> <span class="glyphicon glyphicon-ban-circle" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ban-circle</span> </li> <li> <span class="glyphicon glyphicon-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-share-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-share-alt</span> </li> <li> <span class="glyphicon glyphicon-resize-full" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-full</span> </li> <li> <span class="glyphicon glyphicon-resize-small" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-small</span> </li> <li> <span class="glyphicon glyphicon-exclamation-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-exclamation-sign</span> </li> <li> <span class="glyphicon glyphicon-gift" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gift</span> </li> <li> <span class="glyphicon glyphicon-leaf" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-leaf</span> </li> <li> <span class="glyphicon glyphicon-fire" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fire</span> </li> <li> <span class="glyphicon glyphicon-eye-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-open</span> </li> <li> <span class="glyphicon glyphicon-eye-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-eye-close</span> </li> <li> <span class="glyphicon glyphicon-warning-sign" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-warning-sign</span> </li> <li> <span class="glyphicon glyphicon-plane" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-plane</span> </li> <li> <span class="glyphicon glyphicon-calendar" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-calendar</span> </li> <li> <span class="glyphicon glyphicon-random" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-random</span> </li> <li> <span class="glyphicon glyphicon-comment" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-comment</span> </li> <li> <span class="glyphicon glyphicon-magnet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-magnet</span> </li> <li> <span class="glyphicon glyphicon-chevron-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-up</span> </li> <li> <span class="glyphicon glyphicon-chevron-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-chevron-down</span> </li> <li> <span class="glyphicon glyphicon-retweet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-retweet</span> </li> <li> <span class="glyphicon glyphicon-shopping-cart" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-shopping-cart</span> </li> <li> <span class="glyphicon glyphicon-folder-close" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-close</span> </li> <li> <span class="glyphicon glyphicon-folder-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-folder-open</span> </li> <li> <span class="glyphicon glyphicon-resize-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-vertical</span> </li> <li> <span class="glyphicon glyphicon-resize-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-resize-horizontal</span> </li> <li> <span class="glyphicon glyphicon-hdd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hdd</span> </li> <li> <span class="glyphicon glyphicon-bullhorn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bullhorn</span> </li> <li> <span class="glyphicon glyphicon-bell" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bell</span> </li> <li> <span class="glyphicon glyphicon-certificate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-certificate</span> </li> <li> <span class="glyphicon glyphicon-thumbs-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-up</span> </li> <li> <span class="glyphicon glyphicon-thumbs-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-thumbs-down</span> </li> <li> <span class="glyphicon glyphicon-hand-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-right</span> </li> <li> <span class="glyphicon glyphicon-hand-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-left</span> </li> <li> <span class="glyphicon glyphicon-hand-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-up</span> </li> <li> <span class="glyphicon glyphicon-hand-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hand-down</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-right</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-left</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-up</span> </li> <li> <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-circle-arrow-down</span> </li> <li> <span class="glyphicon glyphicon-globe" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-globe</span> </li> <li> <span class="glyphicon glyphicon-wrench" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-wrench</span> </li> <li> <span class="glyphicon glyphicon-tasks" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tasks</span> </li> <li> <span class="glyphicon glyphicon-filter" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-filter</span> </li> <li> <span class="glyphicon glyphicon-briefcase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-briefcase</span> </li> <li> <span class="glyphicon glyphicon-fullscreen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-fullscreen</span> </li> <li> <span class="glyphicon glyphicon-dashboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-dashboard</span> </li> <li> <span class="glyphicon glyphicon-paperclip" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paperclip</span> </li> <li> <span class="glyphicon glyphicon-heart-empty" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-heart-empty</span> </li> <li> <span class="glyphicon glyphicon-link" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-link</span> </li> <li> <span class="glyphicon glyphicon-phone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone</span> </li> <li> <span class="glyphicon glyphicon-pushpin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pushpin</span> </li> <li> <span class="glyphicon glyphicon-usd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-usd</span> </li> <li> <span class="glyphicon glyphicon-gbp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-gbp</span> </li> <li> <span class="glyphicon glyphicon-sort" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet</span> </li> <li> <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-alphabet-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order</span> </li> <li> <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-order-alt</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes</span> </li> <li> <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sort-by-attributes-alt</span> </li> <li> <span class="glyphicon glyphicon-unchecked" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-unchecked</span> </li> <li> <span class="glyphicon glyphicon-expand" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-expand</span> </li> <li> <span class="glyphicon glyphicon-collapse-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-down</span> </li> <li> <span class="glyphicon glyphicon-collapse-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-collapse-up</span> </li> <li> <span class="glyphicon glyphicon-log-in" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-in</span> </li> <li> <span class="glyphicon glyphicon-flash" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-flash</span> </li> <li> <span class="glyphicon glyphicon-log-out" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-log-out</span> </li> <li> <span class="glyphicon glyphicon-new-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-new-window</span> </li> <li> <span class="glyphicon glyphicon-record" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-record</span> </li> <li> <span class="glyphicon glyphicon-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save</span> </li> <li> <span class="glyphicon glyphicon-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open</span> </li> <li> <span class="glyphicon glyphicon-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-saved</span> </li> <li> <span class="glyphicon glyphicon-import" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-import</span> </li> <li> <span class="glyphicon glyphicon-export" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-export</span> </li> <li> <span class="glyphicon glyphicon-send" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-send</span> </li> <li> <span class="glyphicon glyphicon-floppy-disk" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-disk</span> </li> <li> <span class="glyphicon glyphicon-floppy-saved" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-saved</span> </li> <li> <span class="glyphicon glyphicon-floppy-remove" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-remove</span> </li> <li> <span class="glyphicon glyphicon-floppy-save" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-save</span> </li> <li> <span class="glyphicon glyphicon-floppy-open" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-floppy-open</span> </li> <li> <span class="glyphicon glyphicon-credit-card" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-credit-card</span> </li> <li> <span class="glyphicon glyphicon-transfer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-transfer</span> </li> <li> <span class="glyphicon glyphicon-cutlery" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cutlery</span> </li> <li> <span class="glyphicon glyphicon-header" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-header</span> </li> <li> <span class="glyphicon glyphicon-compressed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-compressed</span> </li> <li> <span class="glyphicon glyphicon-earphone" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-earphone</span> </li> <li> <span class="glyphicon glyphicon-phone-alt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-phone-alt</span> </li> <li> <span class="glyphicon glyphicon-tower" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tower</span> </li> <li> <span class="glyphicon glyphicon-stats" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-stats</span> </li> <li> <span class="glyphicon glyphicon-sd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sd-video</span> </li> <li> <span class="glyphicon glyphicon-hd-video" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hd-video</span> </li> <li> <span class="glyphicon glyphicon-subtitles" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subtitles</span> </li> <li> <span class="glyphicon glyphicon-sound-stereo" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-stereo</span> </li> <li> <span class="glyphicon glyphicon-sound-dolby" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-dolby</span> </li> <li> <span class="glyphicon glyphicon-sound-5-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-5-1</span> </li> <li> <span class="glyphicon glyphicon-sound-6-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-6-1</span> </li> <li> <span class="glyphicon glyphicon-sound-7-1" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sound-7-1</span> </li> <li> <span class="glyphicon glyphicon-copyright-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copyright-mark</span> </li> <li> <span class="glyphicon glyphicon-registration-mark" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-registration-mark</span> </li> <li> <span class="glyphicon glyphicon-cloud-download" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-download</span> </li> <li> <span class="glyphicon glyphicon-cloud-upload" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cloud-upload</span> </li> <li> <span class="glyphicon glyphicon-tree-conifer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-conifer</span> </li> <li> <span class="glyphicon glyphicon-tree-deciduous" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tree-deciduous</span> </li> <li> <span class="glyphicon glyphicon-cd" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-cd</span> </li> <li> <span class="glyphicon glyphicon-save-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-save-file</span> </li> <li> <span class="glyphicon glyphicon-open-file" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-open-file</span> </li> <li> <span class="glyphicon glyphicon-level-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-level-up</span> </li> <li> <span class="glyphicon glyphicon-copy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-copy</span> </li> <li> <span class="glyphicon glyphicon-paste" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-paste</span> </li> <li> <span class="glyphicon glyphicon-alert" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-alert</span> </li> <li> <span class="glyphicon glyphicon-equalizer" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-equalizer</span> </li> <li> <span class="glyphicon glyphicon-king" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-king</span> </li> <li> <span class="glyphicon glyphicon-queen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-queen</span> </li> <li> <span class="glyphicon glyphicon-pawn" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-pawn</span> </li> <li> <span class="glyphicon glyphicon-bishop" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bishop</span> </li> <li> <span class="glyphicon glyphicon-knight" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-knight</span> </li> <li> <span class="glyphicon glyphicon-baby-formula" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-baby-formula</span> </li> <li> <span class="glyphicon glyphicon-tent" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-tent</span> </li> <li> <span class="glyphicon glyphicon-blackboard" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-blackboard</span> </li> <li> <span class="glyphicon glyphicon-bed" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bed</span> </li> <li> <span class="glyphicon glyphicon-apple" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-apple</span> </li> <li> <span class="glyphicon glyphicon-erase" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-erase</span> </li> <li> <span class="glyphicon glyphicon-hourglass" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-hourglass</span> </li> <li> <span class="glyphicon glyphicon-lamp" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-lamp</span> </li> <li> <span class="glyphicon glyphicon-duplicate" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-duplicate</span> </li> <li> <span class="glyphicon glyphicon-piggy-bank" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-piggy-bank</span> </li> <li> <span class="glyphicon glyphicon-scissors" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scissors</span> </li> <li> <span class="glyphicon glyphicon-bitcoin" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-bitcoin</span> </li> <li> <span class="glyphicon glyphicon-btc" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-btc</span> </li> <li> <span class="glyphicon glyphicon-xbt" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-xbt</span> </li> <li> <span class="glyphicon glyphicon-yen" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-yen</span> </li> <li> <span class="glyphicon glyphicon-jpy" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-jpy</span> </li> <li> <span class="glyphicon glyphicon-ruble" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ruble</span> </li> <li> <span class="glyphicon glyphicon-rub" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-rub</span> </li> <li> <span class="glyphicon glyphicon-scale" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-scale</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly</span> </li> <li> <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-ice-lolly-tasted</span> </li> <li> <span class="glyphicon glyphicon-education" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-education</span> </li> <li> <span class="glyphicon glyphicon-option-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-horizontal</span> </li> <li> <span class="glyphicon glyphicon-option-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-option-vertical</span> </li> <li> <span class="glyphicon glyphicon-menu-hamburger" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-hamburger</span> </li> <li> <span class="glyphicon glyphicon-modal-window" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-modal-window</span> </li> <li> <span class="glyphicon glyphicon-oil" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-oil</span> </li> <li> <span class="glyphicon glyphicon-grain" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-grain</span> </li> <li> <span class="glyphicon glyphicon-sunglasses" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-sunglasses</span> </li> <li> <span class="glyphicon glyphicon-text-size" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-size</span> </li> <li> <span class="glyphicon glyphicon-text-color" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-color</span> </li> <li> <span class="glyphicon glyphicon-text-background" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-text-background</span> </li> <li> <span class="glyphicon glyphicon-object-align-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-top</span> </li> <li> <span class="glyphicon glyphicon-object-align-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-bottom</span> </li> <li> <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-horizontal</span> </li> <li> <span class="glyphicon glyphicon-object-align-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-left</span> </li> <li> <span class="glyphicon glyphicon-object-align-vertical" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-vertical</span> </li> <li> <span class="glyphicon glyphicon-object-align-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-object-align-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-right</span> </li> <li> <span class="glyphicon glyphicon-triangle-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-left</span> </li> <li> <span class="glyphicon glyphicon-triangle-bottom" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-bottom</span> </li> <li> <span class="glyphicon glyphicon-triangle-top" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-triangle-top</span> </li> <li> <span class="glyphicon glyphicon-console" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-console</span> </li> <li> <span class="glyphicon glyphicon-superscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-superscript</span> </li> <li> <span class="glyphicon glyphicon-subscript" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-subscript</span> </li> <li> <span class="glyphicon glyphicon-menu-left" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-left</span> </li> <li> <span class="glyphicon glyphicon-menu-right" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-right</span> </li> <li> <span class="glyphicon glyphicon-menu-down" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-down</span> </li> <li> <span class="glyphicon glyphicon-menu-up" aria-hidden=true></span> <span class=glyphicon-class>glyphicon glyphicon-menu-up</span> </li> </ul> </div> <h2 id=glyphicons-how-to-use>How to use</h2> <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-dont-mix> <h4>Don't mix with other components</h4> <p>Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <code>&lt;span&gt;</code> and apply the icon classes to the <code>&lt;span&gt;</code>.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-glyphicons-empty-only> <h4>Only for use on empty elements</h4> <p>Icon classes should only be used on elements that contain no text content and have no child elements.</p> </div> <div class="bs-callout bs-callout-info" id=callout-glyphicons-location> <h4>Changing the icon font location</h4> <p>Bootstrap assumes icon font files will be located in the <code>../fonts/</code> directory, relative to the compiled CSS files. Moving or renaming those font files means updating the CSS in one of three ways:</p> <ul> <li>Change the <code>@icon-font-path</code> and/or <code>@icon-font-name</code> variables in the source Less files.</li> <li>Utilize the <a href=http://lesscss.org/usage/#command-line-usage-relative-urls>relative URLs option</a> provided by the Less compiler.</li> <li>Change the <code>url()</code> paths in the compiled CSS.</li> </ul> <p>Use whatever option best suits your specific development setup.</p> </div> <div class="bs-callout bs-callout-warning" id=callout-glyphicons-accessibility> <h4>Accessible icons</h4> <p>Modern versions of assistive technologies will announce CSS generated content, as well as specific Unicode characters. To avoid unintended and confusing output in screen readers (particularly when icons are used purely for decoration), we hide them with the <code>aria-hidden="true"</code> attribute.</p> <p>If you're using an icon to convey meaning (rather than only as a decorative element), ensure that this meaning is also conveyed to assistive technologies – for instance, include additional content, visually hidden with the <code>.sr-only</code> class.</p> <p>If you're creating controls with no other text (such as a <code>&lt;button&gt;</code> that only contains an icon), you should always provide alternative content to identify the purpose of the control, so that it will make sense to users of assistive technologies. In this case, you could add an <code>aria-label</code> attribute on the control itself.</p> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;span</span> <span class=na>class=</span><span class=s>"glyphicon glyphicon-search"</span> <span class=na>aria-hidden=</span><span class=s>"true"</span><span class=nt>&gt;&lt;/span&gt;</span></code></pre></figure> <h2 id=glyphicons-examples>Examples</h2> <p>Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.</p> <div class=bs-example data-example-id=glyphicons-general> <div class=btn-toolbar role=toolbar> <div class=btn-group> <button type=button class="btn btn-default" aria-label="Left Align"><span class="glyphicon glyphicon-align-left" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Center Align"><span class="glyphicon glyphicon-align-center" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label="Right Align"><span class="glyphicon glyphicon-align-right" aria-hidden=true></span></button> <button type=button class="btn btn-default" aria-label=Justify><span class="glyphicon glyphicon-align-justify" aria-hidden=true></span></button> </div> </div> <div class=btn-toolbar role=toolbar> <button type=button class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> <button type=button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star" aria-hidden=true></span> Star</button> </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;button</span> <span class=na>type=</span><span class=s>"button"</span> <span class=na>class=</span><span class=s>"btn btn-default"</span> <span class=na>aria-label=</span><span class=s>"Left Align"</span><span class=nt>&gt;</span>
   <span class=nt>&lt;span</span> <span class=na>class=</span><span class=s>"glyphicon glyphicon-align-left"</span> <span class=na>aria-hidden=</span><span class=s>"true"</span><span class=nt>&gt;&lt;/span&gt;</span>
 <span class=nt>&lt;/button&gt;</span>
 
 <span class=c>&lt;!-- 4:3 aspect ratio --&gt;</span>
 <span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"embed-responsive embed-responsive-4by3"</span><span class=nt>&gt;</span>
   <span class=nt>&lt;iframe</span> <span class=na>class=</span><span class=s>"embed-responsive-item"</span> <span class=na>src=</span><span class=s>"..."</span><span class=nt>&gt;&lt;/iframe&gt;</span>
-<span class=nt>&lt;/div&gt;</span></code></pre></figure> </div> <div class=bs-docs-section> <h1 class=page-header id=wells>Wells</h1> <h2>Default well</h2> <p>Use the well as a simple effect on an element to give it an inset effect.</p> <div class=bs-example data-example-id=default-well> <div class=well> Look, I'm in a well! </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"well"</span><span class=nt>&gt;</span>...<span class=nt>&lt;/div&gt;</span></code></pre></figure> <h2>Optional classes</h2> <p>Control padding and rounded corners with two optional modifier classes.</p> <div class=bs-example data-example-id=large-well> <div class="well well-lg"> Look, I'm in a large well! </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"well well-lg"</span><span class=nt>&gt;</span>...<span class=nt>&lt;/div&gt;</span></code></pre></figure> <div class=bs-example data-example-id=small-well> <div class="well well-sm"> Look, I'm in a small well! </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"well well-sm"</span><span class=nt>&gt;</span>...<span class=nt>&lt;/div&gt;</span></code></pre></figure> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#glyphicons>Glyphicons</a> <ul class=nav> <li><a href=#glyphicons-glyphs>Available glyphs</a></li> <li><a href=#glyphicons-how-to-use>How to use</a></li> <li><a href=#glyphicons-examples>Examples</a></li> </ul> </li> <li> <a href=#dropdowns>Dropdowns</a> <ul class=nav> <li><a href=#dropdowns-example>Example</a></li> <li><a href=#dropdowns-alignment>Alignment</a></li> <li><a href=#dropdowns-headers>Headers</a></li> <li><a href=#dropdowns-divider>Divider</a></li> <li><a href=#dropdowns-disabled>Disabled menu items</a></li> </ul> </li> <li> <a href=#btn-groups>Button groups</a> <ul class=nav> <li><a href=#btn-groups-single>Basic example</a></li> <li><a href=#btn-groups-toolbar>Button toolbar</a></li> <li><a href=#btn-groups-sizing>Sizing</a></li> <li><a href=#btn-groups-nested>Nesting</a></li> <li><a href=#btn-groups-vertical>Vertical variation</a></li> <li><a href=#btn-groups-justified>Justified button groups</a></li> </ul> </li> <li> <a href=#btn-dropdowns>Button dropdowns</a> <ul class=nav> <li><a href=#btn-dropdowns-single>Single button dropdowns</a></li> <li><a href=#btn-dropdowns-split>Split button dropdowns</a></li> <li><a href=#btn-dropdowns-sizing>Sizing</a></li> <li><a href=#btn-dropdowns-dropup>Dropup variation</a></li> </ul> </li> <li> <a href=#input-groups>Input groups</a> <ul class=nav> <li><a href=#input-groups-basic>Basic example</a></li> <li><a href=#input-groups-sizing>Sizing</a></li> <li><a href=#input-groups-checkboxes-radios>Checkbox and radios addons</a></li> <li><a href=#input-groups-buttons>Button addons</a></li> <li><a href=#input-groups-buttons-dropdowns>Buttons with dropdowns</a></li> <li><a href=#input-groups-buttons-segmented>Segmented buttons</a></li> <li><a href=#input-groups-buttons-multiple>Multiple buttons</a></li> </ul> </li> <li> <a href=#nav>Navs</a> <ul class=nav> <li><a href=#nav-tabs>Tabs</a></li> <li><a href=#nav-pills>Pills</a></li> <li><a href=#nav-justified>Justified</a></li> <li><a href=#nav-disabled-links>Disabled links</a></li> <li><a href=#nav-dropdowns>Using dropdowns</a></li> </ul> </li> <li> <a href=#navbar>Navbar</a> <ul class=nav> <li><a href=#navbar-default>Default navbar</a></li> <li><a href=#navbar-brand-image>Brand image</a></li> <li><a href=#navbar-forms>Forms</a></li> <li><a href=#navbar-buttons>Buttons</a></li> <li><a href=#navbar-text>Text</a></li> <li><a href=#navbar-links>Non-nav links</a></li> <li><a href=#navbar-component-alignment>Component alignment</a></li> <li><a href=#navbar-fixed-top>Fixed to top</a></li> <li><a href=#navbar-fixed-bottom>Fixed to bottom</a></li> <li><a href=#navbar-static-top>Static top</a></li> <li><a href=#navbar-inverted>Inverted navbar</a></li> </ul> </li> <li><a href=#breadcrumbs>Breadcrumbs</a></li> <li> <a href=#pagination>Pagination</a> <ul class=nav> <li><a href=#pagination-default>Default pagination</a></li> <li><a href=#pagination-pager>Pager</a></li> </ul> </li> <li><a href=#labels>Labels</a></li> <li><a href=#badges>Badges</a></li> <li><a href=#jumbotron>Jumbotron</a></li> <li><a href=#page-header>Page header</a></li> <li> <a href=#thumbnails>Thumbnails</a> <ul class=nav> <li><a href=#thumbnails-default>Default example</a></li> <li><a href=#thumbnails-custom-content>Custom content</a></li> </ul> </li> <li> <a href=#alerts>Alerts</a> <ul class=nav> <li><a href=#alerts-examples>Examples</a></li> <li><a href=#alerts-dismissible>Dismissible alerts</a></li> <li><a href=#alerts-links>Links in alerts</a></li> </ul> </li> <li> <a href=#progress>Progress bars</a> <ul class=nav> <li><a href=#progress-basic>Basic example</a></li> <li><a href=#progress-label>With label</a></li> <li><a href=#progress-alternatives>Contextual alternatives</a></li> <li><a href=#progress-striped>Striped</a></li> <li><a href=#progress-animated>Animated</a></li> <li><a href=#progress-stacked>Stacked</a></li> </ul> </li> <li> <a href=#media>Media object</a> <ul class=nav> <li><a href=#media-default>Default media</a></li> <li><a href=#media-list>Media list</a></li> </ul> </li> <li> <a href=#list-group>List group</a> <ul class=nav> <li><a href=#list-group-basic>Basic example</a></li> <li><a href=#list-group-badges>Badges</a></li> <li><a href=#list-group-linked>Linked items</a></li> <li><a href=#list-group-buttons>Button items</a></li> <li><a href=#list-group-disabled>Disabled items</a></li> <li><a href=#list-group-contextual-classes>Contextual classes</a></li> <li><a href=#list-group-custom-content>Custom content</a></li> </ul> </li> <li> <a href=#panels>Panels</a> <ul class=nav> <li><a href=#panels-basic>Basic example</a></li> <li><a href=#panels-heading>Panel with heading</a></li> <li><a href=#panels-footer>Panel with footer</a></li> <li><a href=#panels-alternatives>Contextual alternatives</a></li> <li><a href=#panels-tables>With tables</a></li> <li><a href=#panels-list-group>With list groups</a></li> </ul> </li> <li><a href=#responsive-embed>Responsive embed</a></li> <li><a href=#wells>Wells</a></li> </ul> <a href=#top class=back-to-top> Back to top </a> <a href=# class=bs-docs-theme-toggle role=button> Preview theme </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> 
\ No newline at end of file
+<span class=nt>&lt;/div&gt;</span></code></pre></figure> </div> <div class=bs-docs-section> <h1 class=page-header id=wells>Wells</h1> <h2>Default well</h2> <p>Use the well as a simple effect on an element to give it an inset effect.</p> <div class=bs-example data-example-id=default-well> <div class=well> Look, I'm in a well! </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"well"</span><span class=nt>&gt;</span>...<span class=nt>&lt;/div&gt;</span></code></pre></figure> <h2>Optional classes</h2> <p>Control padding and rounded corners with two optional modifier classes.</p> <div class=bs-example data-example-id=large-well> <div class="well well-lg"> Look, I'm in a large well! </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"well well-lg"</span><span class=nt>&gt;</span>...<span class=nt>&lt;/div&gt;</span></code></pre></figure> <div class=bs-example data-example-id=small-well> <div class="well well-sm"> Look, I'm in a small well! </div> </div> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"well well-sm"</span><span class=nt>&gt;</span>...<span class=nt>&lt;/div&gt;</span></code></pre></figure> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#glyphicons>Glyphicons</a> <ul class=nav> <li><a href=#glyphicons-glyphs>Available glyphs</a></li> <li><a href=#glyphicons-how-to-use>How to use</a></li> <li><a href=#glyphicons-examples>Examples</a></li> </ul> </li> <li> <a href=#dropdowns>Dropdowns</a> <ul class=nav> <li><a href=#dropdowns-example>Example</a></li> <li><a href=#dropdowns-alignment>Alignment</a></li> <li><a href=#dropdowns-headers>Headers</a></li> <li><a href=#dropdowns-divider>Divider</a></li> <li><a href=#dropdowns-disabled>Disabled menu items</a></li> </ul> </li> <li> <a href=#btn-groups>Button groups</a> <ul class=nav> <li><a href=#btn-groups-single>Basic example</a></li> <li><a href=#btn-groups-toolbar>Button toolbar</a></li> <li><a href=#btn-groups-sizing>Sizing</a></li> <li><a href=#btn-groups-nested>Nesting</a></li> <li><a href=#btn-groups-vertical>Vertical variation</a></li> <li><a href=#btn-groups-justified>Justified button groups</a></li> </ul> </li> <li> <a href=#btn-dropdowns>Button dropdowns</a> <ul class=nav> <li><a href=#btn-dropdowns-single>Single button dropdowns</a></li> <li><a href=#btn-dropdowns-split>Split button dropdowns</a></li> <li><a href=#btn-dropdowns-sizing>Sizing</a></li> <li><a href=#btn-dropdowns-dropup>Dropup variation</a></li> </ul> </li> <li> <a href=#input-groups>Input groups</a> <ul class=nav> <li><a href=#input-groups-basic>Basic example</a></li> <li><a href=#input-groups-sizing>Sizing</a></li> <li><a href=#input-groups-checkboxes-radios>Checkbox and radios addons</a></li> <li><a href=#input-groups-buttons>Button addons</a></li> <li><a href=#input-groups-buttons-dropdowns>Buttons with dropdowns</a></li> <li><a href=#input-groups-buttons-segmented>Segmented buttons</a></li> <li><a href=#input-groups-buttons-multiple>Multiple buttons</a></li> </ul> </li> <li> <a href=#nav>Navs</a> <ul class=nav> <li><a href=#nav-tabs>Tabs</a></li> <li><a href=#nav-pills>Pills</a></li> <li><a href=#nav-justified>Justified</a></li> <li><a href=#nav-disabled-links>Disabled links</a></li> <li><a href=#nav-dropdowns>Using dropdowns</a></li> </ul> </li> <li> <a href=#navbar>Navbar</a> <ul class=nav> <li><a href=#navbar-default>Default navbar</a></li> <li><a href=#navbar-brand-image>Brand image</a></li> <li><a href=#navbar-forms>Forms</a></li> <li><a href=#navbar-buttons>Buttons</a></li> <li><a href=#navbar-text>Text</a></li> <li><a href=#navbar-links>Non-nav links</a></li> <li><a href=#navbar-component-alignment>Component alignment</a></li> <li><a href=#navbar-fixed-top>Fixed to top</a></li> <li><a href=#navbar-fixed-bottom>Fixed to bottom</a></li> <li><a href=#navbar-static-top>Static top</a></li> <li><a href=#navbar-inverted>Inverted navbar</a></li> </ul> </li> <li><a href=#breadcrumbs>Breadcrumbs</a></li> <li> <a href=#pagination>Pagination</a> <ul class=nav> <li><a href=#pagination-default>Default pagination</a></li> <li><a href=#pagination-pager>Pager</a></li> </ul> </li> <li><a href=#labels>Labels</a></li> <li><a href=#badges>Badges</a></li> <li><a href=#jumbotron>Jumbotron</a></li> <li><a href=#page-header>Page header</a></li> <li> <a href=#thumbnails>Thumbnails</a> <ul class=nav> <li><a href=#thumbnails-default>Default example</a></li> <li><a href=#thumbnails-custom-content>Custom content</a></li> </ul> </li> <li> <a href=#alerts>Alerts</a> <ul class=nav> <li><a href=#alerts-examples>Examples</a></li> <li><a href=#alerts-dismissible>Dismissible alerts</a></li> <li><a href=#alerts-links>Links in alerts</a></li> </ul> </li> <li> <a href=#progress>Progress bars</a> <ul class=nav> <li><a href=#progress-basic>Basic example</a></li> <li><a href=#progress-label>With label</a></li> <li><a href=#progress-alternatives>Contextual alternatives</a></li> <li><a href=#progress-striped>Striped</a></li> <li><a href=#progress-animated>Animated</a></li> <li><a href=#progress-stacked>Stacked</a></li> </ul> </li> <li> <a href=#media>Media object</a> <ul class=nav> <li><a href=#media-default>Default media</a></li> <li><a href=#media-list>Media list</a></li> </ul> </li> <li> <a href=#list-group>List group</a> <ul class=nav> <li><a href=#list-group-basic>Basic example</a></li> <li><a href=#list-group-badges>Badges</a></li> <li><a href=#list-group-linked>Linked items</a></li> <li><a href=#list-group-buttons>Button items</a></li> <li><a href=#list-group-disabled>Disabled items</a></li> <li><a href=#list-group-contextual-classes>Contextual classes</a></li> <li><a href=#list-group-custom-content>Custom content</a></li> </ul> </li> <li> <a href=#panels>Panels</a> <ul class=nav> <li><a href=#panels-basic>Basic example</a></li> <li><a href=#panels-heading>Panel with heading</a></li> <li><a href=#panels-footer>Panel with footer</a></li> <li><a href=#panels-alternatives>Contextual alternatives</a></li> <li><a href=#panels-tables>With tables</a></li> <li><a href=#panels-list-group>With list groups</a></li> </ul> </li> <li><a href=#responsive-embed>Responsive embed</a></li> <li><a href=#wells>Wells</a></li> </ul> <a href=#top class=back-to-top> Back to top </a> <a href=# class=bs-docs-theme-toggle role=button> Preview theme </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script>
\ No newline at end of file
index 62e92192cb47c21dc7a1da6e5a8db0f504368107..92d6d93604b1a9591558a15a85b131ba8011fd1d 100644 (file)
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> CSS &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/css/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp>&lt;!DOCTYPE html&gt;</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> CSS &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/css/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li class=active> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>CSS</h1> <p>Global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=overview>Overview</h1> <p class=lead>Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.</p> <h2 id=overview-doctype>HTML5 doctype</h2> <p>Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=cp>&lt;!DOCTYPE html&gt;</span>
 <span class=nt>&lt;html</span> <span class=na>lang=</span><span class=s>"en"</span><span class=nt>&gt;</span>
   ...
 <span class=nt>&lt;/html&gt;</span></code></pre></figure> <h2 id=overview-mobile>Mobile first</h2> <p>With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, <strong>Bootstrap is mobile first</strong>. Mobile first styles can be found throughout the entire library instead of in separate files.</p> <p>To ensure proper rendering and touch zooming, <strong>add the viewport meta tag</strong> to your <code>&lt;head&gt;</code>.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1"</span><span class=nt>&gt;</span></code></pre></figure> <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;meta</span> <span class=na>name=</span><span class=s>"viewport"</span> <span class=na>content=</span><span class=s>"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"</span><span class=nt>&gt;</span></code></pre></figure> <h2 id=overview-type-links>Typography and links</h2> <p>Bootstrap sets basic global display, typography, and link styles. Specifically, we:</p> <ul> <li>Set <code>background-color: #fff;</code> on the <code>body</code></li> <li>Use the <code>@font-family-base</code>, <code>@font-size-base</code>, and <code>@line-height-base</code> attributes as our typographic base</li> <li>Set the global link color via <code>@link-color</code> and apply link underlines only on <code>:hover</code></li> </ul> <p>These styles can be found within <code>scaffolding.less</code>.</p> <h2 id=overview-normalize>Normalize.css</h2> <p>For improved cross-browser rendering, we use <a href=http://necolas.github.io/normalize.css/ rel=noopener target=_blank>Normalize.css</a>, a project by <a href=https://twitter.com/necolas rel=noopener target=_blank>Nicolas Gallagher</a> and <a href=https://twitter.com/jon_neal rel=noopener target=_blank>Jonathan Neal</a>.</p> <h2 id=overview-container>Containers</h2> <p>Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to <code>padding</code> and more, neither container is nestable.</p> <p>Use <code>.container</code> for a responsive fixed width container.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"container"</span><span class=nt>&gt;</span>
index 1f522512a0d08f824af6c245f6dab033a98884dd..fc90488fd430dca2805f0ccf16f1546fa7d42c11 100644 (file)
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Getting started &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/getting-started/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li class=active> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Getting started</h1> <p>An overview of Bootstrap, how to download and use, basic templates and examples, and more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=download>Download</h1> <p class=lead>Bootstrap (currently v3.3.7) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p> <div class="row bs-downloads"> <div class=col-sm-4> <h3 id=download-bootstrap>Bootstrap</h3> <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p> <p> <a href=https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download compiled")'>Download Bootstrap</a> </p> </div> <div class=col-sm-4> <h3 id=download-source>Source code</h3> <p>Source Less, JavaScript, and font files, along with our docs. <strong>Requires a Less compiler and <a href=#grunt>some setup.</a></strong></p> <p> <a href=https://github.com/twbs/bootstrap/archive/v3.3.7.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download source")'>Download source</a> </p> </div> <div class=col-sm-4> <h3 id=download-sass>Sass</h3> <p><a href=https://github.com/twbs/bootstrap-sass>Bootstrap ported from Less to Sass</a> for easy inclusion in Rails, Compass, or Sass-only projects.</p> <p> <a href=https://github.com/twbs/bootstrap-sass/archive/v3.3.7.tar.gz class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download Sass")'>Download Sass</a> </p> </div> </div> <h2 id=download-cdn>Bootstrap CDN</h2> <p>The folks over at <a href=https://www.jsdelivr.com/ >jsDelivr</a> graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these <a href=https://www.jsdelivr.com/ >Bootstrap CDN</a> links.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=c>&lt;!-- Latest compiled and minified CSS --&gt;</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Getting started &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/getting-started/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li class=active> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Getting started</h1> <p>An overview of Bootstrap, how to download and use, basic templates and examples, and more.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=download>Download</h1> <p class=lead>Bootstrap (currently v3.3.7) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p> <div class="row bs-downloads"> <div class=col-sm-4> <h3 id=download-bootstrap>Bootstrap</h3> <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p> <p> <a href=https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download compiled")'>Download Bootstrap</a> </p> </div> <div class=col-sm-4> <h3 id=download-source>Source code</h3> <p>Source Less, JavaScript, and font files, along with our docs. <strong>Requires a Less compiler and <a href=#grunt>some setup.</a></strong></p> <p> <a href=https://github.com/twbs/bootstrap/archive/v3.3.7.zip class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download source")'>Download source</a> </p> </div> <div class=col-sm-4> <h3 id=download-sass>Sass</h3> <p><a href=https://github.com/twbs/bootstrap-sass>Bootstrap ported from Less to Sass</a> for easy inclusion in Rails, Compass, or Sass-only projects.</p> <p> <a href=https://github.com/twbs/bootstrap-sass/archive/v3.3.7.tar.gz class="btn btn-lg btn-outline" onclick='ga("send","event","Getting started","Download","Download Sass")'>Download Sass</a> </p> </div> </div> <h2 id=download-cdn>Bootstrap CDN</h2> <p>The folks over at <a href=https://www.jsdelivr.com/ >jsDelivr</a> graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these <a href=https://www.jsdelivr.com/ >Bootstrap CDN</a> links.</p> <figure class=highlight><pre><code class=language-html data-lang=html><span class=c>&lt;!-- Latest compiled and minified CSS --&gt;</span>
 <span class=nt>&lt;link</span> <span class=na>rel=</span><span class=s>"stylesheet"</span> <span class=na>href=</span><span class=s>"https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"</span> <span class=na>integrity=</span><span class=s>"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"</span> <span class=na>crossorigin=</span><span class=s>"anonymous"</span><span class=nt>&gt;</span>
 
 <span class=c>&lt;!-- Optional theme --&gt;</span>
   <span class=nt>&lt;div</span> <span class=na>class=</span><span class=s>"container"</span> <span class=na>id=</span><span class=s>"content"</span> <span class=na>tabindex=</span><span class=s>"-1"</span><span class=nt>&gt;</span>
     <span class=c>&lt;!-- The main page content --&gt;</span>
   <span class=nt>&lt;/div&gt;</span>
-<span class=nt>&lt;/body&gt;</span></code></pre></figure> <h2>Nested headings</h2> <p>When nesting headings (<code>&lt;h1&gt;</code> - <code>&lt;h6&gt;</code>), your primary document header should be an <code>&lt;h1&gt;</code>. Subsequent headings should make logical use of <code>&lt;h2&gt;</code> - <code>&lt;h6&gt;</code> such that screen readers can construct a table of contents for your pages.</p> <p>Learn more at <a href=http://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/ >HTML CodeSniffer</a> and <a href=http://accessibility.psu.edu/headings>Penn State's AccessAbility</a>.</p> <h2>Color contrast</h2> <p>Currently, some of the default color combinations available in Bootstrap (such as the various <a href=../css/#buttons>styled button</a> classes, some of the code highlighting colors used for <a href=../css/#code-block>basic code blocks</a>, the <code>.bg-primary</code> <a href=../css/#helper-classes-backgrounds>contextual background</a> helper class, and the default link color when used on a white background) have a low contrast ratio (below the <a href=http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast>recommended ratio of 4.5:1</a>). This can cause problems to users with low vision or who are color blind. These default colors may need to be modified to increase their contrast and legibility.</p> <h2>Additional resources</h2> <ul> <li><a href=https://github.com/squizlabs/HTML_CodeSniffer>"HTML Codesniffer" bookmarklet for identifying accessibility issues</a></li> <li><a href="https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en">Chrome's Accessibility Developer Tools extension</a></li> <li><a href=http://www.paciellogroup.com/resources/contrastanalyser/ >Colour Contrast Analyser</a></li> <li><a href=https://a11yproject.com/ >The A11Y Project</a></li> <li><a href=https://developer.mozilla.org/en-US/docs/Accessibility>MDN accessibility documentation</a></li> </ul> </div> <div class=bs-docs-section> <h1 class=page-header id=license-faqs>License FAQs</h1> <p class=lead>Bootstrap is released under the MIT license and is copyright 2016 Twitter. Boiled down to smaller chunks, it can be described with the following conditions.</p> <h2>It requires you to:</h2> <ul> <li>Keep the license and copyright notice included in Bootstrap's CSS and JavaScript files when you use them in your works</li> </ul> <h2>It permits you to:</h2> <ul> <li>Freely download and use Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes</li> <li>Use Bootstrap in packages or distributions that you create</li> <li>Modify the source code</li> <li>Grant a sublicense to modify and distribute Bootstrap to third parties not included in the license</li> </ul> <h2>It forbids you to:</h2> <ul> <li>Hold the authors and license owners liable for damages as Bootstrap is provided without warranty</li> <li>Hold the creators or copyright holders of Bootstrap liable</li> <li>Redistribute any piece of Bootstrap without proper attribution</li> <li>Use any marks owned by Twitter in any way that might state or imply that Twitter endorses your distribution</li> <li>Use any marks owned by Twitter in any way that might state or imply that you created the Twitter software in question</li> </ul> <h2>It does not require you to:</h2> <ul> <li>Include the source of Bootstrap itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it</li> <li>Submit changes that you make to Bootstrap back to the Bootstrap project (though such feedback is encouraged)</li> </ul> <p>The full Bootstrap license is located <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE>in the project repository</a> for more information.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=translations>Translations</h1> <p class=lead>Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.</p> <ul> <li><a href=https://v3.bootcss.com/ hreflang=zh>Bootstrap 中文文档 (Chinese)</a></li> <li><a href=https://kkbruce.tw/bs3/ hreflang=zh-TW>Bootstrap 3 中文手冊 (Chinese (Traditional))</a></li> <li><a href=http://getbootstrap.dk/ hreflang=da>Bootstrap på Dansk (Danish)</a></li> <li><a href=http://www.oneskyapp.com/fr/docs/bootstrap/getting-started/ hreflang=fr>Bootstrap en Français (French)</a></li> <li><a href=http://holdirbootstrap.de/ hreflang=de>Bootstrap auf Deutsch (German)</a></li> <li><a href=http://www.hackerstribe.com/guide/IT-bootstrap-3.1.1/ hreflang=it>Bootstrap in Italiano (Italian)</a></li> <li><a href=http://bootstrapk.com/ hreflang=ko>Bootstrap 한국어 (Korean)</a></li> <li><a href=http://bootstrapbrasil.github.io/ hreflang=pt-BR>Bootstrap em Português do Brasil (Brazilian Portuguese)</a></li> <li><a href=http://www.oneskyapp.com/ru/docs/bootstrap/ hreflang=ru>Bootstrap по-русски (Russian)</a></li> <li><a href=http://www.oneskyapp.com/es/docs/bootstrap/ hreflang=es>Bootstrap en Español (Spanish)</a></li> <li><a href=http://www.trbootstrap.com/ hreflang=tr>Türkçe Bootstrap (Turkish)</a></li> <li><a href=https://twbs.docs.org.ua/ hreflang=uk>Bootstrap українською (Ukrainian)</a></li> <li><a href=http://getbootstrap.com.vn/ hreflang=vi>Bootstrap bằng tiếng Việt (Vietnamese)</a></li> </ul> <p><strong class=text-danger>We don't help organize or host translations, we just link to them.</strong></p> <p>Finished a new or better translation? Open a pull request to add it to our list.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#download>Download</a> </li> <li> <a href=#whats-included>What's included</a> <ul class=nav> <li><a href=#whats-included-precompiled>Precompiled</a></li> <li><a href=#whats-included-source>Source code</a></li> </ul> </li> <li> <a href=#grunt>Compiling CSS and JavaScript</a> <ul class=nav> <li><a href=#grunt-installing>Installing Grunt</a></li> <li><a href=#grunt-commands>Available Grunt commands</a></li> <li><a href=#grunt-troubleshooting>Troubleshooting</a></li> </ul> </li> <li> <a href=#template>Basic template</a> </li> <li> <a href=#examples>Examples</a> <ul class=nav> <li><a href=#examples-framework>Using the framework</a></li> <li><a href=#examples-navbars>Navbars in action</a></li> <li><a href=#examples-custom>Custom components</a></li> <li><a href=#examples-experiments>Experiments</a></li> </ul> </li> <li> <a href=#tools>Tools</a> <ul class=nav> <li><a href=#tools-bootlint>Bootlint</a></li> </ul> </li> <li> <a href=#community>Community</a> </li> <li> <a href=#disable-responsive>Disabling responsiveness</a> </li> <li> <a href=#migration>Migrating from 2.x to 3.0</a> </li> <li> <a href=#support>Browser and device support</a> <ul class=nav> <li><a href=#support-browsers>Supported browsers</a></li> <li><a href=#support-ie8-ie9>Internet Explorer 8-9</a></li> <li><a href=#support-ie8-respondjs>IE8 and Respond.js</a></li> <li><a href=#support-ie8-box-sizing>IE8 and box-sizing</a></li> <li><a href=#support-ie8-font-face>IE8 and @font-face</a></li> <li><a href=#support-ie-compatibility-modes>IE Compatibility modes</a></li> <li><a href=#support-ie10-width>IE10 and Windows (Phone) 8</a></li> <li><a href=#support-safari-percentages>Safari percent rounding</a></li> <li><a href=#support-fixed-position-keyboards>Modals, navbars, and virtual keyboards</a></li> <li><a href=#support-browser-zooming>Browser zooming</a></li> <li><a href=#support-sticky-hover-mobile>Sticky :hover/:focus on mobile</a></li> <li><a href=#support-printing>Printing</a></li> <li><a href=#support-android-stock-browser>Android stock browser</a></li> <li><a href=#support-validators>Validators</a></li> </ul> </li> <li> <a href=#third-parties>Third party support</a> </li> <li> <a href=#accessibility>Accessibility</a> </li> <li> <a href=#license-faqs>License FAQs</a> </li> <li> <a href=#translations>Translations</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> 
\ No newline at end of file
+<span class=nt>&lt;/body&gt;</span></code></pre></figure> <h2>Nested headings</h2> <p>When nesting headings (<code>&lt;h1&gt;</code> - <code>&lt;h6&gt;</code>), your primary document header should be an <code>&lt;h1&gt;</code>. Subsequent headings should make logical use of <code>&lt;h2&gt;</code> - <code>&lt;h6&gt;</code> such that screen readers can construct a table of contents for your pages.</p> <p>Learn more at <a href=http://squizlabs.github.io/HTML_CodeSniffer/Standards/Section508/ >HTML CodeSniffer</a> and <a href=http://accessibility.psu.edu/headings>Penn State's AccessAbility</a>.</p> <h2>Color contrast</h2> <p>Currently, some of the default color combinations available in Bootstrap (such as the various <a href=../css/#buttons>styled button</a> classes, some of the code highlighting colors used for <a href=../css/#code-block>basic code blocks</a>, the <code>.bg-primary</code> <a href=../css/#helper-classes-backgrounds>contextual background</a> helper class, and the default link color when used on a white background) have a low contrast ratio (below the <a href=http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast>recommended ratio of 4.5:1</a>). This can cause problems to users with low vision or who are color blind. These default colors may need to be modified to increase their contrast and legibility.</p> <h2>Additional resources</h2> <ul> <li><a href=https://github.com/squizlabs/HTML_CodeSniffer>"HTML Codesniffer" bookmarklet for identifying accessibility issues</a></li> <li><a href="https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en">Chrome's Accessibility Developer Tools extension</a></li> <li><a href=http://www.paciellogroup.com/resources/contrastanalyser/ >Colour Contrast Analyser</a></li> <li><a href=https://a11yproject.com/ >The A11Y Project</a></li> <li><a href=https://developer.mozilla.org/en-US/docs/Accessibility>MDN accessibility documentation</a></li> </ul> </div> <div class=bs-docs-section> <h1 class=page-header id=license-faqs>License FAQs</h1> <p class=lead>Bootstrap is released under the MIT license and is copyright 2016 Twitter. Boiled down to smaller chunks, it can be described with the following conditions.</p> <h2>It requires you to:</h2> <ul> <li>Keep the license and copyright notice included in Bootstrap's CSS and JavaScript files when you use them in your works</li> </ul> <h2>It permits you to:</h2> <ul> <li>Freely download and use Bootstrap, in whole or in part, for personal, private, company internal, or commercial purposes</li> <li>Use Bootstrap in packages or distributions that you create</li> <li>Modify the source code</li> <li>Grant a sublicense to modify and distribute Bootstrap to third parties not included in the license</li> </ul> <h2>It forbids you to:</h2> <ul> <li>Hold the authors and license owners liable for damages as Bootstrap is provided without warranty</li> <li>Hold the creators or copyright holders of Bootstrap liable</li> <li>Redistribute any piece of Bootstrap without proper attribution</li> <li>Use any marks owned by Twitter in any way that might state or imply that Twitter endorses your distribution</li> <li>Use any marks owned by Twitter in any way that might state or imply that you created the Twitter software in question</li> </ul> <h2>It does not require you to:</h2> <ul> <li>Include the source of Bootstrap itself, or of any modifications you may have made to it, in any redistribution you may assemble that includes it</li> <li>Submit changes that you make to Bootstrap back to the Bootstrap project (though such feedback is encouraged)</li> </ul> <p>The full Bootstrap license is located <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE>in the project repository</a> for more information.</p> </div> <div class=bs-docs-section> <h1 class=page-header id=translations>Translations</h1> <p class=lead>Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.</p> <ul> <li><a href=https://v3.bootcss.com/ hreflang=zh>Bootstrap 中文文档 (Chinese)</a></li> <li><a href=https://kkbruce.tw/bs3/ hreflang=zh-TW>Bootstrap 3 中文手冊 (Chinese (Traditional))</a></li> <li><a href=http://getbootstrap.dk/ hreflang=da>Bootstrap på Dansk (Danish)</a></li> <li><a href=http://www.oneskyapp.com/fr/docs/bootstrap/getting-started/ hreflang=fr>Bootstrap en Français (French)</a></li> <li><a href=http://holdirbootstrap.de/ hreflang=de>Bootstrap auf Deutsch (German)</a></li> <li><a href=http://www.hackerstribe.com/guide/IT-bootstrap-3.1.1/ hreflang=it>Bootstrap in Italiano (Italian)</a></li> <li><a href=http://bootstrapk.com/ hreflang=ko>Bootstrap 한국어 (Korean)</a></li> <li><a href=http://bootstrapbrasil.github.io/ hreflang=pt-BR>Bootstrap em Português do Brasil (Brazilian Portuguese)</a></li> <li><a href=http://www.oneskyapp.com/ru/docs/bootstrap/ hreflang=ru>Bootstrap по-русски (Russian)</a></li> <li><a href=http://www.oneskyapp.com/es/docs/bootstrap/ hreflang=es>Bootstrap en Español (Spanish)</a></li> <li><a href=http://www.trbootstrap.com/ hreflang=tr>Türkçe Bootstrap (Turkish)</a></li> <li><a href=https://twbs.docs.org.ua/ hreflang=uk>Bootstrap українською (Ukrainian)</a></li> <li><a href=http://getbootstrap.com.vn/ hreflang=vi>Bootstrap bằng tiếng Việt (Vietnamese)</a></li> </ul> <p><strong class=text-danger>We don't help organize or host translations, we just link to them.</strong></p> <p>Finished a new or better translation? Open a pull request to add it to our list.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#download>Download</a> </li> <li> <a href=#whats-included>What's included</a> <ul class=nav> <li><a href=#whats-included-precompiled>Precompiled</a></li> <li><a href=#whats-included-source>Source code</a></li> </ul> </li> <li> <a href=#grunt>Compiling CSS and JavaScript</a> <ul class=nav> <li><a href=#grunt-installing>Installing Grunt</a></li> <li><a href=#grunt-commands>Available Grunt commands</a></li> <li><a href=#grunt-troubleshooting>Troubleshooting</a></li> </ul> </li> <li> <a href=#template>Basic template</a> </li> <li> <a href=#examples>Examples</a> <ul class=nav> <li><a href=#examples-framework>Using the framework</a></li> <li><a href=#examples-navbars>Navbars in action</a></li> <li><a href=#examples-custom>Custom components</a></li> <li><a href=#examples-experiments>Experiments</a></li> </ul> </li> <li> <a href=#tools>Tools</a> <ul class=nav> <li><a href=#tools-bootlint>Bootlint</a></li> </ul> </li> <li> <a href=#community>Community</a> </li> <li> <a href=#disable-responsive>Disabling responsiveness</a> </li> <li> <a href=#migration>Migrating from 2.x to 3.0</a> </li> <li> <a href=#support>Browser and device support</a> <ul class=nav> <li><a href=#support-browsers>Supported browsers</a></li> <li><a href=#support-ie8-ie9>Internet Explorer 8-9</a></li> <li><a href=#support-ie8-respondjs>IE8 and Respond.js</a></li> <li><a href=#support-ie8-box-sizing>IE8 and box-sizing</a></li> <li><a href=#support-ie8-font-face>IE8 and @font-face</a></li> <li><a href=#support-ie-compatibility-modes>IE Compatibility modes</a></li> <li><a href=#support-ie10-width>IE10 and Windows (Phone) 8</a></li> <li><a href=#support-safari-percentages>Safari percent rounding</a></li> <li><a href=#support-fixed-position-keyboards>Modals, navbars, and virtual keyboards</a></li> <li><a href=#support-browser-zooming>Browser zooming</a></li> <li><a href=#support-sticky-hover-mobile>Sticky :hover/:focus on mobile</a></li> <li><a href=#support-printing>Printing</a></li> <li><a href=#support-android-stock-browser>Android stock browser</a></li> <li><a href=#support-validators>Validators</a></li> </ul> </li> <li> <a href=#third-parties>Third party support</a> </li> <li> <a href=#accessibility>Accessibility</a> </li> <li> <a href=#license-faqs>License FAQs</a> </li> <li> <a href=#translations>Translations</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script>
\ No newline at end of file
index e2d5c1a4e67b2679f2ecb4be46112be2506b427b..d71b903ff037be63b2e19d089e8a768c96244510 100644 (file)
@@ -16,6 +16,7 @@
   <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon>
   <link href=/docs/3.3/favicon.ico rel=icon>
   <link rel="canonical" href="https://getbootstrap.com/docs/3.3/">
+  <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
   <script>
     ! function(e, t, a, n, c, o, s) {
       e.GoogleAnalyticsObject = c, e[c] = e[c] || function() {
index c4d30b5b98aab746e44788188d6ea19f013a617d..8cda88443c183745899c8dbc6ab6c8587db3ee49 100644 (file)
@@ -1,4 +1,4 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> JavaScript &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/javascript/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li class=active> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>JavaScript</h1> <p>Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=js-overview>Overview</h1> <h2 id=js-individual-compiled>Individual or compiled</h2> <p>Plugins can be included individually (using Bootstrap's individual <code>*.js</code> files), or all at once (using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code>).</p> <div class="bs-callout bs-callout-danger" id=callout-overview-not-both> <h4>Using the compiled JavaScript</h4> <p>Both <code>bootstrap.js</code> and <code>bootstrap.min.js</code> contain all plugins in a single file. Include only one.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-overview-dependencies> <h4>Plugin dependencies</h4> <p>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 <strong>before</strong> the plugin files). <a href=https://github.com/twbs/bootstrap/blob/v3.3.7/bower.json>Consult our <code>bower.json</code></a> to see which versions of jQuery are supported.</p> </div> <h2 id=js-data-attrs>Data attributes</h2> <p>You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.</p> <p>That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with <code>data-api</code>. This looks like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.data-api'</span><span class=p>)</span></code></pre></figure> <p>Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.alert.data-api'</span><span class=p>)</span></code></pre></figure> <div class="bs-callout bs-callout-danger" id=callout-overview-single-data> <h4>Only one plugin per element via data attributes</h4> <p>Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.</p> </div> <h2 id=js-programmatic-api>Programmatic API</h2> <p>We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'.btn.danger'</span><span class=p>).</span><span class=nx>button</span><span class=p>(</span><span class=s1>'toggle'</span><span class=p>).</span><span class=nx>addClass</span><span class=p>(</span><span class=s1>'fat'</span><span class=p>)</span></code></pre></figure> <p>All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>()</span>                      <span class=c1>// initialized with defaults</span>
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> JavaScript &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/javascript/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href="data:text/css;charset=utf-8," rel=stylesheet data-href=../dist/css/bootstrap-theme.min.css id=bs-theme-stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li class=active> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>JavaScript</h1> <p>Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header id=js-overview>Overview</h1> <h2 id=js-individual-compiled>Individual or compiled</h2> <p>Plugins can be included individually (using Bootstrap's individual <code>*.js</code> files), or all at once (using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code>).</p> <div class="bs-callout bs-callout-danger" id=callout-overview-not-both> <h4>Using the compiled JavaScript</h4> <p>Both <code>bootstrap.js</code> and <code>bootstrap.min.js</code> contain all plugins in a single file. Include only one.</p> </div> <div class="bs-callout bs-callout-danger" id=callout-overview-dependencies> <h4>Plugin dependencies</h4> <p>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 <strong>before</strong> the plugin files). <a href=https://github.com/twbs/bootstrap/blob/v3.3.7/bower.json>Consult our <code>bower.json</code></a> to see which versions of jQuery are supported.</p> </div> <h2 id=js-data-attrs>Data attributes</h2> <p>You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first-class API and should be your first consideration when using a plugin.</p> <p>That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the document namespaced with <code>data-api</code>. This looks like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.data-api'</span><span class=p>)</span></code></pre></figure> <p>Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=nb>document</span><span class=p>).</span><span class=nx>off</span><span class=p>(</span><span class=s1>'.alert.data-api'</span><span class=p>)</span></code></pre></figure> <div class="bs-callout bs-callout-danger" id=callout-overview-single-data> <h4>Only one plugin per element via data attributes</h4> <p>Don't use data attributes from multiple plugins on the same element. For example, a button cannot both have a tooltip and toggle a modal. To accomplish this, use a wrapping element.</p> </div> <h2 id=js-programmatic-api>Programmatic API</h2> <p>We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'.btn.danger'</span><span class=p>).</span><span class=nx>button</span><span class=p>(</span><span class=s1>'toggle'</span><span class=p>).</span><span class=nx>addClass</span><span class=p>(</span><span class=s1>'fat'</span><span class=p>)</span></code></pre></figure> <p>All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>()</span>                      <span class=c1>// initialized with defaults</span>
 <span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>({</span> <span class=na>keyboard</span><span class=p>:</span> <span class=kc>false</span> <span class=p>})</span>   <span class=c1>// initialized with no keyboard</span>
 <span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>modal</span><span class=p>(</span><span class=s1>'show'</span><span class=p>)</span>                <span class=c1>// initializes and invokes show immediately</span></code></pre></figure> <p>Each plugin also exposes its raw constructor on a <code>Constructor</code> property: <code>$.fn.popover.Constructor</code>. If you'd like to get a particular plugin instance, retrieve it directly from an element: <code>$('[rel="popover"]').data('popover')</code>.</p> <h4>Default settings</h4> <p>You can change the default settings for a plugin by modifying the plugin's <code>Constructor.DEFAULTS</code> object:</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>.</span><span class=nx>fn</span><span class=p>.</span><span class=nx>modal</span><span class=p>.</span><span class=nx>Constructor</span><span class=p>.</span><span class=nx>DEFAULTS</span><span class=p>.</span><span class=nx>keyboard</span> <span class=o>=</span> <span class=kc>false</span> <span class=c1>// changes default for the modal plugin's `keyboard` option to false</span></code></pre></figure> <h2 id=js-noconflict>No conflict</h2> <p>Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call <code>.noConflict</code> on the plugin you wish to revert the value of.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=kd>var</span> <span class=nx>bootstrapButton</span> <span class=o>=</span> <span class=nx>$</span><span class=p>.</span><span class=nx>fn</span><span class=p>.</span><span class=nx>button</span><span class=p>.</span><span class=nx>noConflict</span><span class=p>()</span> <span class=c1>// return $.fn.button to previously assigned value</span>
 <span class=nx>$</span><span class=p>.</span><span class=nx>fn</span><span class=p>.</span><span class=nx>bootstrapBtn</span> <span class=o>=</span> <span class=nx>bootstrapButton</span>            <span class=c1>// give $().bootstrapBtn the Bootstrap functionality</span></code></pre></figure> <h2 id=js-events>Events</h2> <p>Bootstrap provides custom events for most plugins' unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. <code>show</code>) is triggered at the start of an event, and its past participle form (ex. <code>shown</code>) is triggered on the completion of an action.</p> <p>As of 3.0.0, all Bootstrap events are namespaced.</p> <p>All infinitive events provide <code>preventDefault</code> functionality. This provides the ability to stop the execution of an action before it starts.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myModal'</span><span class=p>).</span><span class=nx>on</span><span class=p>(</span><span class=s1>'show.bs.modal'</span><span class=p>,</span> <span class=kd>function</span> <span class=p>(</span><span class=nx>e</span><span class=p>)</span> <span class=p>{</span>
@@ -405,4 +405,4 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class=nt>&gt;</sp
   <span class=p>}</span>
 <span class=p>})</span></code></pre></figure> <h3 id=affix-options>Options</h3> <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-offset-top="200"</code>.</p> <div class=table-responsive> <table class="table table-bordered table-striped js-options-table"> <thead> <tr> <th>Name</th> <th>type</th> <th>default</th> <th>description</th> </tr> </thead> <tbody> <tr> <td>offset</td> <td>number | function | object</td> <td>10</td> <td>Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and bottom directions. To provide a unique, bottom and top offset just provide an object <code>offset: { top: 10 }</code> or <code>offset: { top: 10, bottom: 5 }</code>. Use a function when you need to dynamically calculate an offset.</td> </tr> <tr> <td>target</td> <td>selector | node | jQuery element</td> <td>the <code>window</code> object</td> <td>Specifies the target element of the affix.</td> </tr> </tbody> </table> </div> <h3 id=affix-methods>Methods</h3> <h4><code>.affix(options)</code></h4> <p>Activates your content as affixed content. Accepts an optional options <code>object</code>.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myAffix'</span><span class=p>).</span><span class=nx>affix</span><span class=p>({</span>
   <span class=na>offset</span><span class=p>:</span> <span class=mi>15</span>
-<span class=p>})</span></code></pre></figure> <h4><code>.affix('checkPosition')</code></h4> <p>Recalculates the state of the affix based on the dimensions, position, and scroll position of the relevant elements. The <code>.affix</code>, <code>.affix-top</code>, and <code>.affix-bottom</code> classes are added to or removed from the affixed content according to the new state. This method needs to be called whenever the dimensions of the affixed content or the target element are changed, to ensure correct positioning of the affixed content.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myAffix'</span><span class=p>).</span><span class=nx>affix</span><span class=p>(</span><span class=s1>'checkPosition'</span><span class=p>)</span></code></pre></figure> <h3 id=affix-events>Events</h3> <p>Bootstrap's affix plugin exposes a few events for hooking into affix functionality.</p> <div class=table-responsive> <table class="table table-bordered table-striped bs-events-table"> <thead> <tr> <th>Event Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>affix.bs.affix</td> <td>This event fires immediately before the element has been affixed.</td> </tr> <tr> <td>affixed.bs.affix</td> <td>This event is fired after the element has been affixed.</td> </tr> <tr> <td>affix-top.bs.affix</td> <td>This event fires immediately before the element has been affixed-top.</td> </tr> <tr> <td>affixed-top.bs.affix</td> <td>This event is fired after the element has been affixed-top.</td> </tr> <tr> <td>affix-bottom.bs.affix</td> <td>This event fires immediately before the element has been affixed-bottom.</td> </tr> <tr> <td>affixed-bottom.bs.affix</td> <td>This event is fired after the element has been affixed-bottom.</td> </tr> </tbody> </table> </div> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#js-overview>Overview</a> <ul class=nav> <li><a href=#js-individual-compiled>Individual or compiled</a></li> <li><a href=#js-data-attrs>Data attributes</a></li> <li><a href=#js-programmatic-api>Programmatic API</a></li> <li><a href=#js-noconflict>No conflict</a></li> <li><a href=#js-events>Events</a></li> <li><a href=#js-version-nums>Version numbers</a></li> <li><a href=#js-disabled>When JavaScript is disabled</a></li> <li><a href=#callout-third-party-libs>Third-party libraries</a></li> </ul> </li> <li><a href=#transitions>Transitions</a></li> <li> <a href=#modals>Modal</a> <ul class=nav> <li><a href=#modals-examples>Examples</a></li> <li><a href=#modals-sizes>Sizes</a></li> <li><a href=#modals-remove-animation>Remove animation</a></li> <li><a href=#modals-related-target>Varying content based on trigger button</a></li> <li><a href=#modals-usage>Usage</a></li> <li><a href=#modals-options>Options</a></li> <li><a href=#modals-methods>Methods</a></li> <li><a href=#modals-events>Events</a></li> </ul> </li> <li> <a href=#dropdowns>Dropdown</a> <ul class=nav> <li><a href=#dropdowns-examples>Examples</a></li> <li><a href=#dropdowns-usage>Usage</a></li> <li><a href=#dropdowns-methods>Methods</a></li> <li><a href=#dropdowns-events>Events</a></li> </ul> </li> <li> <a href=#scrollspy>Scrollspy</a> <ul class=nav> <li><a href=#scrollspy-examples>Examples</a></li> <li><a href=#scrollspy-usage>Usage</a></li> <li><a href=#scrollspy-methods>Methods</a></li> <li><a href=#scrollspy-options>Options</a></li> <li><a href=#scrollspy-events>Events</a></li> </ul> </li> <li> <a href=#tabs>Tab</a> <ul class=nav> <li><a href=#tabs-examples>Examples</a></li> <li><a href=#tabs-usage>Usage</a></li> <li><a href=#tabs-methods>Methods</a></li> <li><a href=#tabs-events>Events</a></li> </ul> </li> <li> <a href=#tooltips>Tooltip</a> <ul class=nav> <li><a href=#tooltips-examples>Examples</a></li> <li><a href=#tooltips-usage>Usage</a></li> <li><a href=#tooltips-options>Options</a></li> <li><a href=#tooltips-methods>Methods</a></li> <li><a href=#tooltips-events>Events</a></li> </ul> </li> <li> <a href=#popovers>Popover</a> <ul class=nav> <li><a href=#popovers-examples>Examples</a></li> <li><a href=#popovers-usage>Usage</a></li> <li><a href=#popovers-options>Options</a></li> <li><a href=#popovers-methods>Methods</a></li> <li><a href=#popovers-events>Events</a></li> </ul> </li> <li> <a href=#alerts>Alert</a> <ul class=nav> <li><a href=#alerts-examples>Examples</a></li> <li><a href=#alerts-usage>Usage</a></li> <li><a href=#alerts-methods>Methods</a></li> <li><a href=#alerts-events>Events</a></li> </ul> </li> <li> <a href=#buttons>Button</a> <ul class=nav> <li><a href=#buttons-stateful>Stateful</a></li> <li><a href=#buttons-single-toggle>Single toggle</a></li> <li><a href=#buttons-checkbox-radio>Checkbox / Radio</a></li> <li><a href=#buttons-methods>Methods</a></li> </ul> </li> <li> <a href=#collapse>Collapse</a> <ul class=nav> <li><a href=#collapse-example>Example</a></li> <li><a href=#collapse-example-accordion>Accordion example</a></li> <li><a href=#collapse-usage>Usage</a></li> <li><a href=#collapse-options>Options</a></li> <li><a href=#collapse-methods>Methods</a></li> <li><a href=#collapse-events>Events</a></li> </ul> </li> <li> <a href=#carousel>Carousel</a> <ul class=nav> <li><a href=#carousel-examples>Examples</a></li> <li><a href=#carousel-usage>Usage</a></li> <li><a href=#carousel-options>Options</a></li> <li><a href=#carousel-methods>Methods</a></li> <li><a href=#carousel-events>Events</a></li> </ul> </li> <li> <a href=#affix>Affix</a> <ul class=nav> <li><a href=#affix-examples>Examples</a></li> <li><a href=#affix-usage>Usage</a></li> <li><a href=#affix-options>Options</a></li> <li><a href=#affix-methods>Methods</a></li> <li><a href=#affix-events>Events</a></li> </ul> </li> </ul> <a href=#top class=back-to-top> Back to top </a> <a href=# class=bs-docs-theme-toggle role=button> Preview theme </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> 
\ No newline at end of file
+<span class=p>})</span></code></pre></figure> <h4><code>.affix('checkPosition')</code></h4> <p>Recalculates the state of the affix based on the dimensions, position, and scroll position of the relevant elements. The <code>.affix</code>, <code>.affix-top</code>, and <code>.affix-bottom</code> classes are added to or removed from the affixed content according to the new state. This method needs to be called whenever the dimensions of the affixed content or the target element are changed, to ensure correct positioning of the affixed content.</p> <figure class=highlight><pre><code class=language-js data-lang=js><span class=nx>$</span><span class=p>(</span><span class=s1>'#myAffix'</span><span class=p>).</span><span class=nx>affix</span><span class=p>(</span><span class=s1>'checkPosition'</span><span class=p>)</span></code></pre></figure> <h3 id=affix-events>Events</h3> <p>Bootstrap's affix plugin exposes a few events for hooking into affix functionality.</p> <div class=table-responsive> <table class="table table-bordered table-striped bs-events-table"> <thead> <tr> <th>Event Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>affix.bs.affix</td> <td>This event fires immediately before the element has been affixed.</td> </tr> <tr> <td>affixed.bs.affix</td> <td>This event is fired after the element has been affixed.</td> </tr> <tr> <td>affix-top.bs.affix</td> <td>This event fires immediately before the element has been affixed-top.</td> </tr> <tr> <td>affixed-top.bs.affix</td> <td>This event is fired after the element has been affixed-top.</td> </tr> <tr> <td>affix-bottom.bs.affix</td> <td>This event fires immediately before the element has been affixed-bottom.</td> </tr> <tr> <td>affixed-bottom.bs.affix</td> <td>This event is fired after the element has been affixed-bottom.</td> </tr> </tbody> </table> </div> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#js-overview>Overview</a> <ul class=nav> <li><a href=#js-individual-compiled>Individual or compiled</a></li> <li><a href=#js-data-attrs>Data attributes</a></li> <li><a href=#js-programmatic-api>Programmatic API</a></li> <li><a href=#js-noconflict>No conflict</a></li> <li><a href=#js-events>Events</a></li> <li><a href=#js-version-nums>Version numbers</a></li> <li><a href=#js-disabled>When JavaScript is disabled</a></li> <li><a href=#callout-third-party-libs>Third-party libraries</a></li> </ul> </li> <li><a href=#transitions>Transitions</a></li> <li> <a href=#modals>Modal</a> <ul class=nav> <li><a href=#modals-examples>Examples</a></li> <li><a href=#modals-sizes>Sizes</a></li> <li><a href=#modals-remove-animation>Remove animation</a></li> <li><a href=#modals-related-target>Varying content based on trigger button</a></li> <li><a href=#modals-usage>Usage</a></li> <li><a href=#modals-options>Options</a></li> <li><a href=#modals-methods>Methods</a></li> <li><a href=#modals-events>Events</a></li> </ul> </li> <li> <a href=#dropdowns>Dropdown</a> <ul class=nav> <li><a href=#dropdowns-examples>Examples</a></li> <li><a href=#dropdowns-usage>Usage</a></li> <li><a href=#dropdowns-methods>Methods</a></li> <li><a href=#dropdowns-events>Events</a></li> </ul> </li> <li> <a href=#scrollspy>Scrollspy</a> <ul class=nav> <li><a href=#scrollspy-examples>Examples</a></li> <li><a href=#scrollspy-usage>Usage</a></li> <li><a href=#scrollspy-methods>Methods</a></li> <li><a href=#scrollspy-options>Options</a></li> <li><a href=#scrollspy-events>Events</a></li> </ul> </li> <li> <a href=#tabs>Tab</a> <ul class=nav> <li><a href=#tabs-examples>Examples</a></li> <li><a href=#tabs-usage>Usage</a></li> <li><a href=#tabs-methods>Methods</a></li> <li><a href=#tabs-events>Events</a></li> </ul> </li> <li> <a href=#tooltips>Tooltip</a> <ul class=nav> <li><a href=#tooltips-examples>Examples</a></li> <li><a href=#tooltips-usage>Usage</a></li> <li><a href=#tooltips-options>Options</a></li> <li><a href=#tooltips-methods>Methods</a></li> <li><a href=#tooltips-events>Events</a></li> </ul> </li> <li> <a href=#popovers>Popover</a> <ul class=nav> <li><a href=#popovers-examples>Examples</a></li> <li><a href=#popovers-usage>Usage</a></li> <li><a href=#popovers-options>Options</a></li> <li><a href=#popovers-methods>Methods</a></li> <li><a href=#popovers-events>Events</a></li> </ul> </li> <li> <a href=#alerts>Alert</a> <ul class=nav> <li><a href=#alerts-examples>Examples</a></li> <li><a href=#alerts-usage>Usage</a></li> <li><a href=#alerts-methods>Methods</a></li> <li><a href=#alerts-events>Events</a></li> </ul> </li> <li> <a href=#buttons>Button</a> <ul class=nav> <li><a href=#buttons-stateful>Stateful</a></li> <li><a href=#buttons-single-toggle>Single toggle</a></li> <li><a href=#buttons-checkbox-radio>Checkbox / Radio</a></li> <li><a href=#buttons-methods>Methods</a></li> </ul> </li> <li> <a href=#collapse>Collapse</a> <ul class=nav> <li><a href=#collapse-example>Example</a></li> <li><a href=#collapse-example-accordion>Accordion example</a></li> <li><a href=#collapse-usage>Usage</a></li> <li><a href=#collapse-options>Options</a></li> <li><a href=#collapse-methods>Methods</a></li> <li><a href=#collapse-events>Events</a></li> </ul> </li> <li> <a href=#carousel>Carousel</a> <ul class=nav> <li><a href=#carousel-examples>Examples</a></li> <li><a href=#carousel-usage>Usage</a></li> <li><a href=#carousel-options>Options</a></li> <li><a href=#carousel-methods>Methods</a></li> <li><a href=#carousel-events>Events</a></li> </ul> </li> <li> <a href=#affix>Affix</a> <ul class=nav> <li><a href=#affix-examples>Examples</a></li> <li><a href=#affix-usage>Usage</a></li> <li><a href=#affix-options>Options</a></li> <li><a href=#affix-methods>Methods</a></li> <li><a href=#affix-events>Events</a></li> </ul> </li> </ul> <a href=#top class=back-to-top> Back to top </a> <a href=# class=bs-docs-theme-toggle role=button> Preview theme </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script>
\ No newline at end of file
index 3fd3e053b7a372f35adc390178aeb34da2b9fcf0..e9d8da798fdef2c9330a4955e823c8247d48f857 100644 (file)
@@ -1 +1 @@
-<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Migrating to v3.x &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/migration/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Migrating to v3.x</h1> <p>Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header>Migrating from 2.x to 3.0</h1> <p class=lead>Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see <a href=https://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ >what's new</a> in the v3.0 release announcement.</p> <h2 id=classes>Major class changes</h2> <p>This table shows the style changes between v2.x and v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Bootstrap 2.x</th> <th>Bootstrap 3.0</th> </tr> </thead> <tbody> <tr> <td><code>.row-fluid</code></td> <td><code>.row</code></td> </tr> <tr> <td><code>.span*</code></td> <td><code>.col-md-*</code></td> </tr> <tr> <td><code>.offset*</code></td> <td><code>.col-md-offset-*</code></td> </tr> <tr> <td><code>.brand</code></td> <td><code>.navbar-brand</code></td> </tr> <tr> <td><code>.navbar .nav</code></td> <td><code>.navbar-nav</code></td> </tr> <tr> <td><code>.nav-collapse</code></td> <td><code>.navbar-collapse</code></td> </tr> <tr> <td><code>.nav-toggle</code></td> <td><code>.navbar-toggle</code></td> </tr> <tr> <td><code>.btn-navbar</code></td> <td><code>.navbar-btn</code></td> </tr> <tr> <td><code>.hero-unit</code></td> <td><code>.jumbotron</code></td> </tr> <tr> <td><code>.icon-*</code></td> <td><code>.glyphicon .glyphicon-*</code></td> </tr> <tr> <td><code>.btn</code></td> <td><code>.btn .btn-default</code></td> </tr> <tr> <td><code>.btn-mini</code></td> <td><code>.btn-xs</code></td> </tr> <tr> <td><code>.btn-small</code></td> <td><code>.btn-sm</code></td> </tr> <tr> <td><code>.btn-large</code></td> <td><code>.btn-lg</code></td> </tr> <tr> <td><code>.alert</code></td> <td><code>.alert .alert-warning</code></td> </tr> <tr> <td><code>.alert-error</code></td> <td><code>.alert-danger</code></td> </tr> <tr> <td><code>.visible-phone</code></td> <td><code>.visible-xs</code></td> </tr> <tr> <td><code>.visible-tablet</code></td> <td><code>.visible-sm</code></td> </tr> <tr> <td><code>.visible-desktop</code></td> <td>Split into <code>.visible-md .visible-lg</code></td> </tr> <tr> <td><code>.hidden-phone</code></td> <td><code>.hidden-xs</code></td> </tr> <tr> <td><code>.hidden-tablet</code></td> <td><code>.hidden-sm</code></td> </tr> <tr> <td><code>.hidden-desktop</code></td> <td>Split into <code>.hidden-md .hidden-lg</code></td> </tr> <tr> <td><code>.input-block-level</code></td> <td><code>.form-control</code></td> </tr> <tr> <td><code>.control-group</code></td> <td><code>.form-group</code></td> </tr> <tr> <td><code>.control-group.warning .control-group.error .control-group.success</code></td> <td><code>.form-group.has-*</code></td> </tr> <tr> <td><code>.checkbox.inline</code> <code>.radio.inline</code></td> <td><code>.checkbox-inline</code> <code>.radio-inline</code></td> </tr> <tr> <td><code>.input-prepend</code> <code>.input-append</code></td> <td><code>.input-group</code></td> </tr> <tr> <td><code>.add-on</code></td> <td><code>.input-group-addon</code></td> </tr> <tr> <td><code>.img-polaroid</code></td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td><code>ul.unstyled</code></td> <td><code>.list-unstyled</code></td> </tr> <tr> <td><code>ul.inline</code></td> <td><code>.list-inline</code></td> </tr> <tr> <td><code>.muted</code></td> <td><code>.text-muted</code></td> </tr> <tr> <td><code>.label</code></td> <td><code>.label .label-default</code></td> </tr> <tr> <td><code>.label-important</code></td> <td><code>.label-danger</code></td> </tr> <tr> <td><code>.text-error</code></td> <td><code>.text-danger</code></td> </tr> <tr> <td><code>.table .error</code></td> <td><code>.table .danger</code></td> </tr> <tr> <td><code>.bar</code></td> <td><code>.progress-bar</code></td> </tr> <tr> <td><code>.bar-*</code></td> <td><code>.progress-bar-*</code></td> </tr> <tr> <td><code>.accordion</code></td> <td><code>.panel-group</code></td> </tr> <tr> <td><code>.accordion-group</code></td> <td><code>.panel .panel-default</code></td> </tr> <tr> <td><code>.accordion-heading</code></td> <td><code>.panel-heading</code></td> </tr> <tr> <td><code>.accordion-body</code></td> <td><code>.panel-collapse</code></td> </tr> <tr> <td><code>.accordion-inner</code></td> <td><code>.panel-body</code></td> </tr> </tbody> </table> </div> <h2 id=new>What's new</h2> <p>We've added new elements and changed some existing ones. Here are the new or updated styles.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Panels</td> <td><code>.panel .panel-default</code> <code>.panel-body</code> <code>.panel-title</code> <code>.panel-heading</code> <code>.panel-footer</code> <code>.panel-collapse</code></td> </tr> <tr> <td>List groups</td> <td><code>.list-group</code> <code>.list-group-item</code> <code>.list-group-item-text</code> <code>.list-group-item-heading</code></td> </tr> <tr> <td>Glyphicons</td> <td><code>.glyphicon</code></td> </tr> <tr> <td>Jumbotron</td> <td><code>.jumbotron</code></td> </tr> <tr> <td>Extra small grid (&lt;768px)</td> <td><code>.col-xs-*</code></td> </tr> <tr> <td>Small grid (&ge;768px)</td> <td><code>.col-sm-*</code></td> </tr> <tr> <td>Medium grid (&ge;992px)</td> <td><code>.col-md-*</code></td> </tr> <tr> <td>Large grid (&ge;1200px)</td> <td><code>.col-lg-*</code></td> </tr> <tr> <td>Responsive utility classes (&ge;1200px)</td> <td><code>.visible-lg</code> <code>.hidden-lg</code></td> </tr> <tr> <td>Offsets</td> <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td> </tr> <tr> <td>Push</td> <td><code>.col-sm-push-*</code> <code>.col-md-push-*</code> <code>.col-lg-push-*</code></td> </tr> <tr> <td>Pull</td> <td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td> </tr> <tr> <td>Input height sizes</td> <td><code>.input-sm</code> <code>.input-lg</code></td> </tr> <tr> <td>Input groups</td> <td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td> </tr> <tr> <td>Form controls</td> <td><code>.form-control</code> <code>.form-group</code></td> </tr> <tr> <td>Button group sizes</td> <td><code>.btn-group-xs</code> <code>.btn-group-sm</code> <code>.btn-group-lg</code></td> </tr> <tr> <td>Navbar text</td> <td><code>.navbar-text</code></td> </tr> <tr> <td>Navbar header</td> <td><code>.navbar-header</code></td> </tr> <tr> <td>Justified tabs / pills</td> <td><code>.nav-justified</code></td> </tr> <tr> <td>Responsive images</td> <td><code>.img-responsive</code></td> </tr> <tr> <td>Contextual table rows</td> <td><code>.success</code> <code>.danger</code> <code>.warning</code> <code>.active</code> <code>.info</code></td> </tr> <tr> <td>Contextual panels</td> <td><code>.panel-success</code> <code>.panel-danger</code> <code>.panel-warning</code> <code>.panel-info</code></td> </tr> <tr> <td>Modal</td> <td><code>.modal-dialog</code> <code>.modal-content</code></td> </tr> <tr> <td>Thumbnail image</td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td>Well sizes</td> <td><code>.well-sm</code> <code>.well-lg</code></td> </tr> <tr> <td>Alert links</td> <td><code>.alert-link</code></td> </tr> </tbody> </table> </div> <h2 id=dropped>What's removed</h2> <p>The following elements have been dropped or changed in v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Removed from 2.x</th> <th>3.0 Equivalent</th> </tr> </thead> <tbody> <tr> <td>Form actions</td> <td><code>.form-actions</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Search form</td> <td><code>.form-search</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Form group with info</td> <td><code>.control-group.info</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fixed-width input sizes</td> <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td> <td>Use <a href=../css/#forms-controls><code>.form-control</code></a> and <a href=../css/#grid>the grid system</a> instead.</td> </tr> <tr> <td>Block level form input</td> <td><code>.input-block-level</code></td> <td>No direct equivalent, but <a href=../css/#forms-controls>forms controls</a> are similar.</td> </tr> <tr> <td>Inverse buttons</td> <td><code>.btn-inverse</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fluid row</td> <td><code>.row-fluid</code></td> <td><code>.row</code> (no more fixed grid)</td> </tr> <tr> <td>Controls wrapper</td> <td><code>.controls</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Controls row</td> <td><code>.controls-row</code></td> <td><code>.row</code> or <code>.form-group</code></td> </tr> <tr> <td>Navbar inner</td> <td><code>.navbar-inner</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Navbar vertical dividers</td> <td><code>.navbar .divider-vertical</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Dropdown submenu</td> <td><code>.dropdown-submenu</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Tab alignments</td> <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Pill-based tabbable area</td> <td><code>.pill-content</code></td> <td><code>.tab-content</code></td> </tr> <tr> <td>Pill-based tabbable area pane</td> <td><code>.pill-pane</code></td> <td><code>.tab-pane</code></td> </tr> <tr> <td>Nav lists</td> <td><code>.nav-list</code> <code>.nav-header</code></td> <td>No direct equivalent, but <a href=../components/#list-group>list groups</a> and <a href=../javascript/#collapse><code>.panel-group</code>s</a> are similar.</td> </tr> <tr> <td>Inline help for form controls</td> <td><code>.help-inline</code></td> <td>No exact equivalent, but <code>.help-block</code> is similar.</td> </tr> <tr> <td>Non-bar-level progress colors</td> <td><code>.progress-info</code> <code>.progress-success</code> <code>.progress-warning</code> <code>.progress-danger</code></td> <td>Use <code>.progress-bar-*</code> on the <code>.progress-bar</code> instead.</td> </tr> </tbody> </table> </div> <h2 id=notes>Additional notes</h2> <p>Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach. Here's a partial list:</p> <ul> <li>By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the <code>.form-control</code> class on the element to style.</li> <li>Text-based form controls with the <code>.form-control</code> class applied are now 100% wide by default. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li> <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li> <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li> <li><code>.row</code> is now fluid.</li> <li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</li> <li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li> <li>Typeahead has been dropped, in favor of using <a href=http://twitter.github.io/typeahead.js/ >Twitter Typeahead</a>.</li> <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li> <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li> <li>The checkbox and radio features of the button.js plugin now both use <code>data-toggle="buttons"</code> instead of <code>data-toggle="buttons-checkbox"</code> or <code>data-toggle="buttons-radio"</code> in their markup.</li> <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li> </ul> <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href=http://bootply.com/ >Bootply</a>.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#classes>Major class changes</a> </li> <li> <a href=#new>What's new</a> </li> <li> <a href=#dropped>What's removed</a> </li> <li> <a href=#notes>Additional notes</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script> 
\ No newline at end of file
+<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta content="IE=edge" http-equiv=X-UA-Compatible> <meta content="width=device-width,initial-scale=1" name=viewport> <meta content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development." name=description> <meta content="Mark Otto, Jacob Thornton, and Bootstrap contributors" name=author> <title> Migrating to v3.x &middot; Bootstrap </title> <link rel="canonical" href="https://getbootstrap.com/docs/3.3/migration/"> <link href=../dist/css/bootstrap.min.css rel=stylesheet> <link href=../assets/css/docs.min.css rel=stylesheet> <!--[if lt IE 9]><script src=../assets/js/ie8-responsive-file-warning.js></script><![endif]--> <script src=../assets/js/ie-emulation-modes-warning.js></script> <!--[if lt IE 9]> <script src=https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js></script> <script src=https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js></script> <![endif]--> <link href=/docs/3.3/apple-touch-icon.png rel=apple-touch-icon> <link href=/docs/3.3/favicon.ico rel=icon> <script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script> <script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-146052-10","getbootstrap.com"),ga("set","anonymizeIp",true),ga("send","pageview")</script> </head> <body> <a href=#content class="sr-only sr-only-focusable" id=skippy><div class=container><span class=skiplink-text>Skip to main content</span></div></a> <a href=https://getbootstrap.com/ class=v4-tease>Bootstrap 4 is here!</a> <header class="bs-docs-nav navbar navbar-static-top" id=top> <div class=container> <div class=navbar-header> <button aria-controls=bs-navbar aria-expanded=false class="collapsed navbar-toggle" data-target=#bs-navbar data-toggle=collapse type=button> <span class=sr-only>Toggle navigation</span> <span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span> </button> <a href=../ class=navbar-brand>Bootstrap</a> </div> <nav class="collapse navbar-collapse" id=bs-navbar> <ul class="nav navbar-nav"> <li> <a href=../getting-started/ >Getting started</a> </li> <li> <a href=../css/ >CSS</a> </li> <li> <a href=../components/ >Components</a> </li> <li> <a href=../javascript/ >JavaScript</a> </li> <li> <a href=../customize/ >Customize</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href=https://themes.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Themes")'>Themes</a></li> <li><a href=https://expo.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Expo")'>Expo</a></li> <li><a href=https://blog.getbootstrap.com/ onclick='ga("send","event","Navbar","Community links","Blog")'>Blog</a></li> </ul> </nav> </div> </header> <div class=bs-docs-header id=content tabindex=-1> <div class=container> <h1>Migrating to v3.x</h1> <p>Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed.</p> <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script> </div> </div> <div class="container bs-docs-container"> <div class=row> <div class=col-md-9 role=main> <div class=bs-docs-section> <h1 class=page-header>Migrating from 2.x to 3.0</h1> <p class=lead>Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see <a href=https://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ >what's new</a> in the v3.0 release announcement.</p> <h2 id=classes>Major class changes</h2> <p>This table shows the style changes between v2.x and v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Bootstrap 2.x</th> <th>Bootstrap 3.0</th> </tr> </thead> <tbody> <tr> <td><code>.row-fluid</code></td> <td><code>.row</code></td> </tr> <tr> <td><code>.span*</code></td> <td><code>.col-md-*</code></td> </tr> <tr> <td><code>.offset*</code></td> <td><code>.col-md-offset-*</code></td> </tr> <tr> <td><code>.brand</code></td> <td><code>.navbar-brand</code></td> </tr> <tr> <td><code>.navbar .nav</code></td> <td><code>.navbar-nav</code></td> </tr> <tr> <td><code>.nav-collapse</code></td> <td><code>.navbar-collapse</code></td> </tr> <tr> <td><code>.nav-toggle</code></td> <td><code>.navbar-toggle</code></td> </tr> <tr> <td><code>.btn-navbar</code></td> <td><code>.navbar-btn</code></td> </tr> <tr> <td><code>.hero-unit</code></td> <td><code>.jumbotron</code></td> </tr> <tr> <td><code>.icon-*</code></td> <td><code>.glyphicon .glyphicon-*</code></td> </tr> <tr> <td><code>.btn</code></td> <td><code>.btn .btn-default</code></td> </tr> <tr> <td><code>.btn-mini</code></td> <td><code>.btn-xs</code></td> </tr> <tr> <td><code>.btn-small</code></td> <td><code>.btn-sm</code></td> </tr> <tr> <td><code>.btn-large</code></td> <td><code>.btn-lg</code></td> </tr> <tr> <td><code>.alert</code></td> <td><code>.alert .alert-warning</code></td> </tr> <tr> <td><code>.alert-error</code></td> <td><code>.alert-danger</code></td> </tr> <tr> <td><code>.visible-phone</code></td> <td><code>.visible-xs</code></td> </tr> <tr> <td><code>.visible-tablet</code></td> <td><code>.visible-sm</code></td> </tr> <tr> <td><code>.visible-desktop</code></td> <td>Split into <code>.visible-md .visible-lg</code></td> </tr> <tr> <td><code>.hidden-phone</code></td> <td><code>.hidden-xs</code></td> </tr> <tr> <td><code>.hidden-tablet</code></td> <td><code>.hidden-sm</code></td> </tr> <tr> <td><code>.hidden-desktop</code></td> <td>Split into <code>.hidden-md .hidden-lg</code></td> </tr> <tr> <td><code>.input-block-level</code></td> <td><code>.form-control</code></td> </tr> <tr> <td><code>.control-group</code></td> <td><code>.form-group</code></td> </tr> <tr> <td><code>.control-group.warning .control-group.error .control-group.success</code></td> <td><code>.form-group.has-*</code></td> </tr> <tr> <td><code>.checkbox.inline</code> <code>.radio.inline</code></td> <td><code>.checkbox-inline</code> <code>.radio-inline</code></td> </tr> <tr> <td><code>.input-prepend</code> <code>.input-append</code></td> <td><code>.input-group</code></td> </tr> <tr> <td><code>.add-on</code></td> <td><code>.input-group-addon</code></td> </tr> <tr> <td><code>.img-polaroid</code></td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td><code>ul.unstyled</code></td> <td><code>.list-unstyled</code></td> </tr> <tr> <td><code>ul.inline</code></td> <td><code>.list-inline</code></td> </tr> <tr> <td><code>.muted</code></td> <td><code>.text-muted</code></td> </tr> <tr> <td><code>.label</code></td> <td><code>.label .label-default</code></td> </tr> <tr> <td><code>.label-important</code></td> <td><code>.label-danger</code></td> </tr> <tr> <td><code>.text-error</code></td> <td><code>.text-danger</code></td> </tr> <tr> <td><code>.table .error</code></td> <td><code>.table .danger</code></td> </tr> <tr> <td><code>.bar</code></td> <td><code>.progress-bar</code></td> </tr> <tr> <td><code>.bar-*</code></td> <td><code>.progress-bar-*</code></td> </tr> <tr> <td><code>.accordion</code></td> <td><code>.panel-group</code></td> </tr> <tr> <td><code>.accordion-group</code></td> <td><code>.panel .panel-default</code></td> </tr> <tr> <td><code>.accordion-heading</code></td> <td><code>.panel-heading</code></td> </tr> <tr> <td><code>.accordion-body</code></td> <td><code>.panel-collapse</code></td> </tr> <tr> <td><code>.accordion-inner</code></td> <td><code>.panel-body</code></td> </tr> </tbody> </table> </div> <h2 id=new>What's new</h2> <p>We've added new elements and changed some existing ones. Here are the new or updated styles.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>Panels</td> <td><code>.panel .panel-default</code> <code>.panel-body</code> <code>.panel-title</code> <code>.panel-heading</code> <code>.panel-footer</code> <code>.panel-collapse</code></td> </tr> <tr> <td>List groups</td> <td><code>.list-group</code> <code>.list-group-item</code> <code>.list-group-item-text</code> <code>.list-group-item-heading</code></td> </tr> <tr> <td>Glyphicons</td> <td><code>.glyphicon</code></td> </tr> <tr> <td>Jumbotron</td> <td><code>.jumbotron</code></td> </tr> <tr> <td>Extra small grid (&lt;768px)</td> <td><code>.col-xs-*</code></td> </tr> <tr> <td>Small grid (&ge;768px)</td> <td><code>.col-sm-*</code></td> </tr> <tr> <td>Medium grid (&ge;992px)</td> <td><code>.col-md-*</code></td> </tr> <tr> <td>Large grid (&ge;1200px)</td> <td><code>.col-lg-*</code></td> </tr> <tr> <td>Responsive utility classes (&ge;1200px)</td> <td><code>.visible-lg</code> <code>.hidden-lg</code></td> </tr> <tr> <td>Offsets</td> <td><code>.col-sm-offset-*</code> <code>.col-md-offset-*</code> <code>.col-lg-offset-*</code></td> </tr> <tr> <td>Push</td> <td><code>.col-sm-push-*</code> <code>.col-md-push-*</code> <code>.col-lg-push-*</code></td> </tr> <tr> <td>Pull</td> <td><code>.col-sm-pull-*</code> <code>.col-md-pull-*</code> <code>.col-lg-pull-*</code></td> </tr> <tr> <td>Input height sizes</td> <td><code>.input-sm</code> <code>.input-lg</code></td> </tr> <tr> <td>Input groups</td> <td><code>.input-group</code> <code>.input-group-addon</code> <code>.input-group-btn</code></td> </tr> <tr> <td>Form controls</td> <td><code>.form-control</code> <code>.form-group</code></td> </tr> <tr> <td>Button group sizes</td> <td><code>.btn-group-xs</code> <code>.btn-group-sm</code> <code>.btn-group-lg</code></td> </tr> <tr> <td>Navbar text</td> <td><code>.navbar-text</code></td> </tr> <tr> <td>Navbar header</td> <td><code>.navbar-header</code></td> </tr> <tr> <td>Justified tabs / pills</td> <td><code>.nav-justified</code></td> </tr> <tr> <td>Responsive images</td> <td><code>.img-responsive</code></td> </tr> <tr> <td>Contextual table rows</td> <td><code>.success</code> <code>.danger</code> <code>.warning</code> <code>.active</code> <code>.info</code></td> </tr> <tr> <td>Contextual panels</td> <td><code>.panel-success</code> <code>.panel-danger</code> <code>.panel-warning</code> <code>.panel-info</code></td> </tr> <tr> <td>Modal</td> <td><code>.modal-dialog</code> <code>.modal-content</code></td> </tr> <tr> <td>Thumbnail image</td> <td><code>.img-thumbnail</code></td> </tr> <tr> <td>Well sizes</td> <td><code>.well-sm</code> <code>.well-lg</code></td> </tr> <tr> <td>Alert links</td> <td><code>.alert-link</code></td> </tr> </tbody> </table> </div> <h2 id=dropped>What's removed</h2> <p>The following elements have been dropped or changed in v3.0.</p> <div class=table-responsive> <table class="table table-bordered table-striped"> <thead> <tr> <th>Element</th> <th>Removed from 2.x</th> <th>3.0 Equivalent</th> </tr> </thead> <tbody> <tr> <td>Form actions</td> <td><code>.form-actions</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Search form</td> <td><code>.form-search</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Form group with info</td> <td><code>.control-group.info</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fixed-width input sizes</td> <td><code>.input-mini</code> <code>.input-small</code> <code>.input-medium</code> <code>.input-large</code> <code>.input-xlarge</code> <code>.input-xxlarge</code></td> <td>Use <a href=../css/#forms-controls><code>.form-control</code></a> and <a href=../css/#grid>the grid system</a> instead.</td> </tr> <tr> <td>Block level form input</td> <td><code>.input-block-level</code></td> <td>No direct equivalent, but <a href=../css/#forms-controls>forms controls</a> are similar.</td> </tr> <tr> <td>Inverse buttons</td> <td><code>.btn-inverse</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Fluid row</td> <td><code>.row-fluid</code></td> <td><code>.row</code> (no more fixed grid)</td> </tr> <tr> <td>Controls wrapper</td> <td><code>.controls</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Controls row</td> <td><code>.controls-row</code></td> <td><code>.row</code> or <code>.form-group</code></td> </tr> <tr> <td>Navbar inner</td> <td><code>.navbar-inner</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Navbar vertical dividers</td> <td><code>.navbar .divider-vertical</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Dropdown submenu</td> <td><code>.dropdown-submenu</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Tab alignments</td> <td><code>.tabs-left</code> <code>.tabs-right</code> <code>.tabs-below</code></td> <td class=text-muted>N/A</td> </tr> <tr> <td>Pill-based tabbable area</td> <td><code>.pill-content</code></td> <td><code>.tab-content</code></td> </tr> <tr> <td>Pill-based tabbable area pane</td> <td><code>.pill-pane</code></td> <td><code>.tab-pane</code></td> </tr> <tr> <td>Nav lists</td> <td><code>.nav-list</code> <code>.nav-header</code></td> <td>No direct equivalent, but <a href=../components/#list-group>list groups</a> and <a href=../javascript/#collapse><code>.panel-group</code>s</a> are similar.</td> </tr> <tr> <td>Inline help for form controls</td> <td><code>.help-inline</code></td> <td>No exact equivalent, but <code>.help-block</code> is similar.</td> </tr> <tr> <td>Non-bar-level progress colors</td> <td><code>.progress-info</code> <code>.progress-success</code> <code>.progress-warning</code> <code>.progress-danger</code></td> <td>Use <code>.progress-bar-*</code> on the <code>.progress-bar</code> instead.</td> </tr> </tbody> </table> </div> <h2 id=notes>Additional notes</h2> <p>Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our <em>mobile first</em> approach. Here's a partial list:</p> <ul> <li>By default, text-based form controls now receive only minimal styling. For focus colors and rounded corners, apply the <code>.form-control</code> class on the element to style.</li> <li>Text-based form controls with the <code>.form-control</code> class applied are now 100% wide by default. Wrap inputs inside <code>&lt;div class="col-*"&gt;&lt;/div&gt;</code> to control input widths.</li> <li><code>.badge</code> no longer has contextual (-success,-primary,etc..) classes.</li> <li><code>.btn</code> must also use <code>.btn-default</code> to get the "default" button.</li> <li><code>.row</code> is now fluid.</li> <li>Images are no longer responsive by default. Use <code>.img-responsive</code> for fluid <code>&lt;img&gt;</code> size.</li> <li>The icons, now <code>.glyphicon</code>, are now font based. Icons also require a base and icon class (e.g. <code>.glyphicon .glyphicon-asterisk</code>).</li> <li>Typeahead has been dropped, in favor of using <a href=http://twitter.github.io/typeahead.js/ >Twitter Typeahead</a>.</li> <li>Modal markup has changed significantly. The <code>.modal-header</code>, <code>.modal-body</code>, and <code>.modal-footer</code> sections are now wrapped in <code>.modal-content</code> and <code>.modal-dialog</code> for better mobile styling and behavior. Also, you should no longer apply <code>.hide</code> to <code>.modal</code> in your markup.</li> <li>As of v3.1.0, the HTML loaded by the <code>remote</code> modal option is now injected into the <code>.modal-content</code> (from v3.0.0 to v3.0.3, into the <code>.modal</code>) instead of into the <code>.modal-body</code>. This allows you to also easily vary the header and footer of the modal, not just the modal body.</li> <li>The checkbox and radio features of the button.js plugin now both use <code>data-toggle="buttons"</code> instead of <code>data-toggle="buttons-checkbox"</code> or <code>data-toggle="buttons-radio"</code> in their markup.</li> <li>JavaScript events are namespaced. For example, to handle the modal "show" event, use <code>'show.bs.modal'</code>. For tabs "shown" use <code>'shown.bs.tab'</code>, etc.</li> </ul> <p>For more information on upgrading to v3.0, and code snippets from the community, see <a href=http://bootply.com/ >Bootply</a>.</p> </div> </div> <div class=col-md-3 role=complementary> <nav class="bs-docs-sidebar hidden-print hidden-sm hidden-xs"> <ul class="nav bs-docs-sidenav"> <li> <a href=#classes>Major class changes</a> </li> <li> <a href=#new>What's new</a> </li> <li> <a href=#dropped>What's removed</a> </li> <li> <a href=#notes>Additional notes</a> </li> </ul> <a href=#top class=back-to-top> Back to top </a> </nav> </div> </div> </div> <footer class=bs-docs-footer> <div class=container> <ul class=bs-docs-footer-links> <li><a href=https://github.com/twbs/bootstrap>GitHub</a></li> <li><a href=https://twitter.com/getbootstrap>Twitter</a></li> <li><a href=../getting-started/#examples>Examples</a></li> <li><a href=../about/ >About</a></li> </ul> <p>Designed and built with all the love in the world by <a href=https://twitter.com/mdo rel=noopener target=_blank>@mdo</a> and <a href=https://twitter.com/fat rel=noopener target=_blank>@fat</a>. Maintained by the <a href=https://github.com/orgs/twbs/people>core team</a> with the help of <a href=https://github.com/twbs/bootstrap/graphs/contributors>our contributors</a>.</p> <p>Code licensed <a href=https://github.com/twbs/bootstrap/blob/main/LICENSE target=_blank rel="license noopener">MIT</a>, docs <a href=https://creativecommons.org/licenses/by/3.0/ target=_blank rel="license noopener">CC BY 3.0</a>.</p> </div> </footer> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script> <script>window.jQuery||document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script> <script src=../dist/js/bootstrap.min.js></script> <script src=../assets/js/docs.min.js></script> <script src=../assets/js/ie10-viewport-bug-workaround.js></script>
\ No newline at end of file
index 59c17fc400370be7e275173cd80d9070f5899e91..fba47c656973d0aa8c8453cbfcde7d45a3ba450d 100755 (executable)
@@ -38,6 +38,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
   <h2 id="team-core">Core team</h2>
   <div class="list-group bs-team">
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/mdo">
           <img src="https://github.com/mdo.png?s=64" alt="@mdo avatar" width="32" height="32">
           <strong>Mark Otto</strong> <small>@mdo</small>
         </a>
       </div>
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/fat">
           <img src="https://github.com/fat.png?s=64" alt="@fat avatar" width="32" height="32">
           <strong>Jacob Thornton</strong> <small>@fat</small>
         </a>
       </div>
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/cvrebert">
           <img src="https://github.com/cvrebert.png?s=64" alt="@cvrebert avatar" width="32" height="32">
           <strong>Chris Rebert</strong> <small>@cvrebert</small>
         </a>
       </div>
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/xhmikosr">
           <img src="https://github.com/xhmikosr.png?s=64" alt="@xhmikosr avatar" width="32" height="32">
           <strong>XhmikosR</strong> <small>@xhmikosr</small>
         </a>
       </div>
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/patrickhlauke">
           <img src="https://github.com/patrickhlauke.png?s=64" alt="@patrickhlauke avatar" width="32" height="32">
           <strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small>
         </a>
       </div>
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/johann-s">
           <img src="https://github.com/johann-s.png?s=64" alt="@johann-s avatar" width="32" height="32">
           <strong>Johann-S</strong> <small>@johann-s</small>
         </a>
       </div>
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/andresgalante">
           <img src="https://github.com/andresgalante.png?s=64" alt="@andresgalante avatar" width="32" height="32">
           <strong>Andres Galante</strong> <small>@andresgalante</small>
         </a>
       </div>
-    
+
   </div>
   <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/v3.4.1/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
 
   <h2 id="team-sass">Sass team</h2>
   <div class="list-group bs-team">
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/thomas-mcdonald">
           <img src="https://github.com/thomas-mcdonald.png?s=64" alt="@thomas-mcdonald avatar" width="32" height="32">
           <strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small>
         </a>
       </div>
-    
+
       <div class="list-group-item">
         <a class="team-member" href="https://github.com/glebm">
           <img src="https://github.com/glebm.png?s=64" alt="@glebm avatar" width="32" height="32">
           <strong>Gleb Mazovetskiy</strong> <small>@glebm</small>
         </a>
       </div>
-    
+
   </div>
   <p>The <a href="https://github.com/twbs/bootstrap-sass">official Sass port of Bootstrap</a> was created and is maintained by this team. It became part of Bootstrap's organization with v3.1.0. Read the Sass <a href="https://github.com/twbs/bootstrap-sass/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how the Sass port is developed.</p>
 </div>
 </div>
 
         </div>
-        
+
         <div class="col-md-3" role="complementary">
           <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
             <form class="bs-docs-search">
             </form>
 
             <ul class="nav bs-docs-sidenav">
-              
+
                 <li>
   <a href="#history">History</a>
 </li>
   <a href="#brand">Brand guidelines</a>
 </li>
 
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
           </nav>
         </div>
-        
+
       </div>
     </div>
 
index 872499c591a3f9b6859600da21d93786578992fe..d3304800e92155e4d3ef4babc0db1f21ff0230c3 100755 (executable)
@@ -38,6 +38,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
         </tr>
       </thead>
       <tbody>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/20755">#20755</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/18692">#18692</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14211">#14211</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14528">#14528</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/16671">#16671</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/18504">#18504</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/18543">#18543</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/18228">#18228</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Microsoft Edge
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/13453">#13453</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/793">#793</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/18365">#18365</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/19839">#19839</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/20161">#20161</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox (Windows)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/15990">#15990</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Firefox (OS X & Linux)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/19626">#19626</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome (Android)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/17338">#17338</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome (OS X)
 </td>
           <td>Offshoot of <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a> & <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14409">#14409</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/16022">#16022</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>, <a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/19810">#19810</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Chrome (Windows & Linux)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/15298">#15298</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (OS X)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (OS X)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>, <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>, <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (OS X)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14868">#14868</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iPad)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14975">#14975</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14603">#14603</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14708">#14708</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/16988">#16988</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>, <a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/16028">#16028</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/18859">#18859</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/17497">#17497</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/19927">#19927</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/17695">#17695</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iOS)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
 </td>
         </tr>
-        
+
         <tr>
           <td>Safari (iPad Pro)
 </td>
           <td><a href="https://github.com/twbs/bootstrap/issues/18738">#18738</a>
 </td>
         </tr>
-        
+
       </tbody>
     </table>
   </div>
          </tr>
        </thead>
        <tbody>
-         
+
          <tr>
            <td>Microsoft Edge
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Microsoft Edge
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/17021">#17021</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Microsoft Edge
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Firefox
 </td>
            <td><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1182856">Mozilla bug #1182856</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Firefox
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Firefox
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Chrome
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Chrome
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Chrome
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/17021">#17021</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Safari
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
 </td>
          </tr>
-         
+
          <tr>
            <td>Safari
 </td>
            <td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
 </td>
          </tr>
-         
+
        </tbody>
      </table>
    </div>
 </div>
 
         </div>
-        
+
       </div>
     </div>
 
index c219ec9d08ac2f9119ddb8767208afaef11cadb2..27d95b8acb64de3303a52ed4936bd0a5821c63b3 100755 (executable)
@@ -18,9 +18,9 @@
 
 
   <!-- Optional Bootstrap Theme -->
-  
+
     <link href="data:text/css;charset=utf-8," data-href="/docs/3.4/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
-  
+
 
 
 
@@ -43,6 +43,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
   <p>Includes over 250 glyphs in font format from the Glyphicon Halflings set. <a href="https://www.glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to <a href="https://www.glyphicons.com/">Glyphicons</a> whenever possible.</p>
   <div class="bs-glyphicons">
     <ul class="bs-glyphicons-list">
-      
+
         <li>
           <span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-plus</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-euro</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-eur" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-eur</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-minus</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-cloud</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-envelope</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-pencil</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-glass</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-music" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-music</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-search</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-heart</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-star</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-user</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-film" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-film</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-th-large</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-th</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-th-list</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-ok</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-remove</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-off</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-signal</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-cog</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-trash</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-home</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-file" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-file</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-time</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-road" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-road</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-download" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-download</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-upload</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-inbox" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-inbox</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-repeat</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-refresh</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-lock</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-flag</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-headphones</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-barcode</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tag</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tags</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-book</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-print" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-print</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-camera</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-font</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-bold</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-italic</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-text-height" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-text-height</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-text-width</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-align-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-align-center</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-align-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-list</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-indent-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-indent-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-picture</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-adjust" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-adjust</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tint" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tint</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-edit</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-share" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-share</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-check</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-move" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-move</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-backward</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-play</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-pause</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-stop</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-forward</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-eject" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-eject</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-gift</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-leaf</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-fire</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-plane</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-calendar</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-random</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-comment</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-magnet" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-magnet</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-retweet" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-retweet</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-hdd</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-bell</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-certificate</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-hand-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-globe</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-wrench</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tasks</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-filter</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-link" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-link</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-phone</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-usd</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-gbp" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-gbp</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sort" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sort</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sort-by-order" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-expand" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-expand</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-collapse-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-collapse-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-log-in</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-flash" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-flash</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-log-out</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-new-window</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-record</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-save" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-save</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-open" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-open</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-saved</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-import" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-import</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-export" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-export</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-send" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-send</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-floppy-remove" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-floppy-open" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-transfer</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-header" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-header</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-compressed" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-compressed</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-earphone</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tower" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tower</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-stats</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sd-video" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-hd-video" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sound-dolby" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sound-6-1" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-cd" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-cd</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-save-file" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-save-file</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-open-file" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-open-file</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-level-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-level-up</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-copy" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-copy</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-paste" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-paste</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-alert" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-alert</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-equalizer</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-king" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-king</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-queen" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-queen</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-pawn" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-pawn</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-bishop" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-bishop</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-knight" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-knight</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-baby-formula" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-baby-formula</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-tent" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-tent</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-blackboard</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-bed" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-bed</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-apple" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-apple</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-erase" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-erase</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-hourglass" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-hourglass</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-lamp" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-lamp</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-duplicate" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-duplicate</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-piggy-bank</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-scissors" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-scissors</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-bitcoin" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-bitcoin</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-btc" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-btc</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-xbt" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-xbt</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-yen</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-jpy" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-jpy</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-ruble" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-ruble</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-rub" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-rub</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-scale" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-scale</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-ice-lolly" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-ice-lolly</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-ice-lolly-tasted</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-education" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-education</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-option-horizontal</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-option-vertical</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-menu-hamburger</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-modal-window" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-modal-window</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-oil" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-oil</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-grain</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-sunglasses</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-text-size" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-text-size</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-text-color" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-text-color</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-text-background" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-text-background</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-object-align-top" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-object-align-top</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-object-align-bottom</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-object-align-horizontal" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-object-align-horizontal</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-object-align-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-object-align-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-object-align-vertical" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-object-align-vertical</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-object-align-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-object-align-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-triangle-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-triangle-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-triangle-bottom</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-triangle-top</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-console" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-console</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-superscript" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-superscript</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-subscript" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-subscript</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-menu-left</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-menu-right</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-menu-down</span>
         </li>
-      
+
         <li>
           <span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
           <span class="glyphicon-class">glyphicon glyphicon-menu-up</span>
         </li>
-      
+
     </ul>
   </div>
 
 
 
         </div>
-        
+
         <div class="col-md-3" role="complementary">
           <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
             <form class="bs-docs-search">
             </form>
 
             <ul class="nav bs-docs-sidenav">
-              
+
                 <li>
   <a href="#glyphicons">Glyphicons</a>
   <ul class="nav">
 <li><a href="#responsive-embed">Responsive embed</a></li>
 <li><a href="#wells">Wells</a></li>
 
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
             <a href="#" class="bs-docs-theme-toggle" role="button">
               Preview theme
             </a>
-            
+
           </nav>
         </div>
-        
+
       </div>
     </div>
 
index 6a890366e9957cb80bb909e7a923ec1396a2127b..2988fbb512f5907452b9326b467a12b5b6805e3b 100755 (executable)
@@ -18,9 +18,9 @@
 
 
   <!-- Optional Bootstrap Theme -->
-  
+
     <link href="data:text/css;charset=utf-8," data-href="/docs/3.4/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
-  
+
 
 
 
@@ -43,6 +43,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -3749,7 +3750,7 @@ To edit settings, press <span class="nt">&lt;kbd&gt;&lt;kbd&gt;</span>ctrl<span
 
 
         </div>
-        
+
         <div class="col-md-3" role="complementary">
           <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
             <form class="bs-docs-search">
@@ -3757,7 +3758,7 @@ To edit settings, press <span class="nt">&lt;kbd&gt;&lt;kbd&gt;</span>ctrl<span
             </form>
 
             <ul class="nav bs-docs-sidenav">
-              
+
                 <li>
   <a href="#overview">Overview</a>
   <ul class="nav">
@@ -3896,19 +3897,19 @@ To edit settings, press <span class="nt">&lt;kbd&gt;&lt;kbd&gt;</span>ctrl<span
   </ul>
 </li>
 
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
             <a href="#" class="bs-docs-theme-toggle" role="button">
               Preview theme
             </a>
-            
+
           </nav>
         </div>
-        
+
       </div>
     </div>
 
index c4ad760e84868a0dc728825cb171d37aafe7f94c..e11ceca4f8619ece80757fbb09456a9deccfc9a7 100755 (executable)
@@ -38,6 +38,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
     <h1 id="less-variables" class="page-header">Less variables</h1>
 
     <p class="lead">Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.</p>
-    
+
 <!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.pug template.-->
 <h2 id="colors">Colors</h2>
 <p>Gray and brand colors for use across Bootstrap.</p>
 </form>
 
         </div>
-        
+
         <div class="col-md-3" role="complementary">
           <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
             <form class="bs-docs-search">
             </form>
 
             <ul class="nav bs-docs-sidenav">
-              
-                
+
+
 <!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.pug template.-->
 <li><a href="#import-drop-target">Import</a></li>
 <li><a href="#less">Less components</a></li>
 </li>
 <li><a href="#download">Download</a></li>
 <!-- NOTE: DO NOT EDIT THE PRECEDING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.pug template.-->
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
           </nav>
         </div>
-        
+
       </div>
     </div>
 
 
 
   <script>var __configBridge = {"autoprefixer":{"browsers":["Android 2.3","Android >= 4","Chrome >= 20","Firefox >= 24","Explorer >= 8","iOS >= 6","Opera >= 12","Safari >= 6"],"cascade":false},"jqueryCheck":["if (typeof jQuery === 'undefined') {","  throw new Error('Bootstrap\\'s JavaScript requires jQuery')","}\n"],"jqueryVersionCheck":["+function ($) {","  'use strict';","  var version = $.fn.jquery.split(' ')[0].split('.')","  if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] > 3)) {","    throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4')","  }","}(jQuery);\n\n"]}</script>
-  
+
     <script src="/docs/3.4/assets/js/customize.min.js"></script>
-  
+
 
 
   </body>
index b1fcee1e940293dd64e861bc1d074f14b2901d4e..de77e62d413f1fc9dbb6a0912951c0a82cf4b5cf 100755 (executable)
@@ -38,6 +38,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -875,31 +876,31 @@ Copy any changes made here over to the README too. -->
 
   <p class="lead">Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.</p>
   <ul>
-    
+
       <li><a href="https://v3.bootcss.com/" hreflang="zh">Bootstrap 中文文档 (Chinese)</a></li>
-    
+
       <li><a href="http://getbootstrap.dk/" hreflang="da">Bootstrap på Dansk (Danish)</a></li>
-    
+
       <li><a href="http://www.oneskyapp.com/fr/docs/bootstrap/getting-started/" hreflang="fr">Bootstrap en Français (French)</a></li>
-    
+
       <li><a href="http://holdirbootstrap.de/" hreflang="de">Bootstrap auf Deutsch (German)</a></li>
-    
+
       <li><a href="https://www.hackerstribe.com/guide/IT-bootstrap-3.1.1/" hreflang="it">Bootstrap in Italiano (Italian)</a></li>
-    
+
       <li><a href="http://bootstrapk.com/" hreflang="ko">Bootstrap 한국어 (Korean)</a></li>
-    
+
       <li><a href="https://getbootstrap.com.br/" hreflang="pt-BR">Bootstrap em Português do Brasil (Brazilian Portuguese)</a></li>
-    
+
       <li><a href="http://www.oneskyapp.com/ru/docs/bootstrap/" hreflang="ru">Bootstrap по-русски (Russian)</a></li>
-    
+
       <li><a href="http://www.oneskyapp.com/es/docs/bootstrap/" hreflang="es">Bootstrap en Español (Spanish)</a></li>
-    
+
       <li><a href="http://www.trbootstrap.com" hreflang="tr">Türkçe Bootstrap (Turkish)</a></li>
-    
+
       <li><a href="https://twbs.docs.org.ua/" hreflang="uk">Bootstrap українською (Ukrainian)</a></li>
-    
+
       <li><a href="http://getbootstrap.com.vn" hreflang="vi">Bootstrap bằng tiếng Việt (Vietnamese)</a></li>
-    
+
   </ul>
   <p><strong class="text-danger">We don't help organize or host translations, we just link to them.</strong></p>
   <p>Finished a new or better translation? Open a pull request to add it to our list.</p>
@@ -907,7 +908,7 @@ Copy any changes made here over to the README too. -->
 
 
         </div>
-        
+
         <div class="col-md-3" role="complementary">
           <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
             <form class="bs-docs-search">
@@ -915,7 +916,7 @@ Copy any changes made here over to the README too. -->
             </form>
 
             <ul class="nav bs-docs-sidenav">
-              
+
                 <li>
   <a href="#download">Download</a>
 </li>
@@ -993,15 +994,15 @@ Copy any changes made here over to the README too. -->
   <a href="#translations">Translations</a>
 </li>
 
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
           </nav>
         </div>
-        
+
       </div>
     </div>
 
index 04193ebe4ed4d885c46f67bbec555b867e4af992..e90dea7aaa3c33388c41afc020e860c09fefc956 100755 (executable)
@@ -36,6 +36,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
     <hr class="half-rule">
 
     <div class="row bs-docs-featured-sites">
-    
+
       <div class="col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-0">
         <a href="https://expo.getbootstrap.com/2014/10/29/lyft/" rel="noopener" target="_blank" title="Lyft">
           <img src="/docs/3.4/assets/img/expo-lyft.jpg" alt="Lyft" class="img-responsive" width="800" height="600">
         </a>
       </div>
-    
+
       <div class="col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-0">
         <a href="https://expo.getbootstrap.com/2014/09/30/vogue/" rel="noopener" target="_blank" title="Vogue">
           <img src="/docs/3.4/assets/img/expo-vogue.jpg" alt="Vogue" class="img-responsive" width="800" height="600">
         </a>
       </div>
-    
+
       <div class="col-xs-8 col-xs-offset-2 col-sm-4 col-sm-offset-0">
         <a href="https://expo.getbootstrap.com/2014/02/12/newsweek/" rel="noopener" target="_blank" title="Newsweek">
           <img src="/docs/3.4/assets/img/expo-newsweek.jpg" alt="Newsweek" class="img-responsive" width="800" height="600">
         </a>
       </div>
-    
+
     </div>
 
     <hr class="half-rule">
index 83bc641a10bfaf03edf3ac0bb97141888528f08a..783414a8ca64531e219ff2e42aa4283eeccf8f33 100755 (executable)
@@ -18,9 +18,9 @@
 
 
   <!-- Optional Bootstrap Theme -->
-  
+
     <link href="data:text/css;charset=utf-8," data-href="/docs/3.4/dist/css/bootstrap-theme.min.css" rel="stylesheet" id="bs-theme-stylesheet">
-  
+
 
 
 
@@ -43,6 +43,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -2711,7 +2712,7 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class="nt">&gt;</
 
 
         </div>
-        
+
         <div class="col-md-3" role="complementary">
           <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
             <form class="bs-docs-search">
@@ -2719,7 +2720,7 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class="nt">&gt;</
             </form>
 
             <ul class="nav bs-docs-sidenav">
-              
+
                 <li>
   <a href="#js-overview">Overview</a>
   <ul class="nav">
@@ -2846,19 +2847,19 @@ sagittis lacus vel augue laoreet rutrum faucibus."</span><span class="nt">&gt;</
   </ul>
 </li>
 
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
             <a href="#" class="bs-docs-theme-toggle" role="button">
               Preview theme
             </a>
-            
+
           </nav>
         </div>
-        
+
       </div>
     </div>
 
index ff104453a0489b5f5b7ec8fab50a4fb890c8cb41..24961a0eeb0cf7f6f1e2d4bb7d9d436201df2b7b 100755 (executable)
@@ -38,6 +38,7 @@
 <link rel="apple-touch-icon" href="/docs/3.4/apple-touch-icon.png">
 <link rel="icon" href="/docs/3.4/favicon.ico">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 </div>
 
         </div>
-        
+
         <div class="col-md-3" role="complementary">
           <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
             <form class="bs-docs-search">
             </form>
 
             <ul class="nav bs-docs-sidenav">
-              
+
                 <li>
   <a href="#classes">Major class changes</a>
 </li>
   <a href="#notes">Additional notes</a>
 </li>
 
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
           </nav>
         </div>
-        
+
       </div>
     </div>
 
index e97cdbf522459454cc4d0118516af5668d531fc8..99cdb88d657f5d4e6961fe391f89f5684bb70381 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index ea86fa6b1ff47d6e8fd0835be67630084fe30dac..2ad0bbe88fc3b6d6e6033bf1e155550f179484f3 100644 (file)
@@ -60,6 +60,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 9ce117c5e6e30fd24588ce079552b9a12e38c002..01f94936e1cd4c77df41aedfa7f5b52263b21d98 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">License FAQs</h1>
index f2f28c2146f4a851353050f4294e75f43ab1da30..2a245a171edc1143dfdb252d033645bcd7d1a4cb 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 83d6356bd576f9c310aa132eafc592c5bbf7ece7..dc6d6ff8c579aabd70b2cf12f0f754c983996c6b 100644 (file)
@@ -60,6 +60,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
               Introduction
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/download/">
               Download
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/contents/">
               Contents
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/browsers-devices/">
               Browsers & devices
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/javascript/">
               JavaScript
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/theming/">
               Theming
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/build-tools/">
               Build tools
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/webpack/">
               Webpack
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/getting-started/accessibility/">
               Accessibility
             </a>
 
-            
+
           </li></ul>
     </div><div class="bd-toc-item">
       <a class="bd-toc-link" href="/docs/4.0/layout/overview/">
               Overview
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/layout/grid/">
               Grid
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/layout/media-object/">
               Media object
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/layout/utilities-for-layout/">
               Utilities for layout
             </a>
 
-            
+
           </li></ul>
     </div><div class="bd-toc-item">
       <a class="bd-toc-link" href="/docs/4.0/content/reboot/">
               Reboot
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/content/typography/">
               Typography
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/content/code/">
               Code
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/content/images/">
               Images
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/content/tables/">
               Tables
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/content/figures/">
               Figures
             </a>
 
-            
+
           </li></ul>
     </div><div class="bd-toc-item">
       <a class="bd-toc-link" href="/docs/4.0/components/alerts/">
               Alerts
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/badge/">
               Badge
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/breadcrumb/">
               Breadcrumb
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/buttons/">
               Buttons
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/button-group/">
               Button group
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/card/">
               Card
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/carousel/">
               Carousel
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/collapse/">
               Collapse
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/dropdowns/">
               Dropdowns
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/forms/">
               Forms
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/input-group/">
               Input group
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/jumbotron/">
               Jumbotron
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/list-group/">
               List group
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/modal/">
               Modal
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/navs/">
               Navs
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/navbar/">
               Navbar
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/pagination/">
               Pagination
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/popovers/">
               Popovers
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/progress/">
               Progress
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/scrollspy/">
               Scrollspy
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/components/tooltips/">
               Tooltips
             </a>
 
-            
+
           </li></ul>
     </div><div class="bd-toc-item">
       <a class="bd-toc-link" href="/docs/4.0/utilities/borders/">
               Borders
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/clearfix/">
               Clearfix
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/close-icon/">
               Close icon
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/colors/">
               Colors
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/display/">
               Display
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/embed/">
               Embed
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/flex/">
               Flex
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/float/">
               Float
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/image-replacement/">
               Image replacement
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/position/">
               Position
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/screenreaders/">
               Screenreaders
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/sizing/">
               Sizing
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/spacing/">
               Spacing
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/text/">
               Text
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/vertical-align/">
               Vertical align
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/utilities/visibility/">
               Visibility
             </a>
 
-            
+
           </li></ul>
     </div><div class="bd-toc-item">
       <a class="bd-toc-link" href="/docs/4.0/extend/icons/">
               Icons
             </a>
 
-            
+
           </li></ul>
     </div><div class="bd-toc-item">
       <a class="bd-toc-link" href="/docs/4.0/migration/">
               History
             </a>
 
-            
+
           </li><li class="active bd-sidenav-active">
             <a href="/docs/4.0/about/team/">
               Team
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/about/brand/">
               Brand
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/about/license/">
               License
             </a>
 
-            
+
           </li><li>
             <a href="/docs/4.0/about/translations/">
               Translations
             </a>
 
-            
+
           </li></ul>
     </div></nav>
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Team</h1>
           <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
 
 <div class="list-group bd-team">
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/mdo">
         <strong>Mark Otto</strong> <small>@mdo</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=fat&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/fat">
         <strong>Jacob Thornton</strong> <small>@fat</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=cvrebert&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/cvrebert">
         <strong>Chris Rebert</strong> <small>@cvrebert</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=juthilo&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/juthilo">
         <strong>Julian Thilo</strong> <small>@juthilo</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=xhmikosr&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/xhmikosr">
         <strong>XhmikosR</strong> <small>@xhmikosr</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=hnrch02&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/hnrch02">
         <strong>Heinrich Fenkart</strong> <small>@hnrch02</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=patrickhlauke&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/patrickhlauke">
         <strong>Patrick H. Lauke</strong> <small>@patrickhlauke</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=thomas-mcdonald&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/thomas-mcdonald">
         <strong>Thomas McDonald</strong> <small>@thomas-mcdonald</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=glebm&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/glebm">
         <strong>Gleb Mazovetskiy</strong> <small>@glebm</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=johann-s&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/johann-s">
         <strong>Johann-S</strong> <small>@johann-s</small>
       </a>
     </div>
-  
+
     <div class="list-group-item">
       <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=andresgalante&amp;type=follow"></iframe>
       <a class="team-member" href="https://github.com/andresgalante">
         <strong>Andres Galante</strong> <small>@andresgalante</small>
       </a>
     </div>
-  
+
 </div>
 
 <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/v4.0.0-beta.2/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
index d3335360623449fe795381515e7c9aa1c38b0f74..c20ccd74753091a7455e08912b0959397ef7f552 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index c6bd880fb80bd2733c8f8e2d5a5d357a9048c549..d83cf7baffb12b7eb82e73a56925218cddde6d1d 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Wall of browser bugs</h1>
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20755">#20755</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/18692">#18692</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/14211">#14211</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/16671">#16671</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/18504">#18504</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/18543">#18543</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/18228">#18228</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20507">#20507</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/13453">#13453</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/793">#793</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/18365">#18365</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19839">#19839</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19670">#19670</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/21092">#21092</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (Windows)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/15990">#15990</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (OS X &amp; Linux)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19626">#19626</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (Android)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/17338">#17338</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (OS X)
 </td>
       <td>Offshoot of <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a> &amp; <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/14409">#14409</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>, <a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19810">#19810</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20161">#20161</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (Windows &amp; Linux)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/15298">#15298</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/24673">#24673</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20732">#20732</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/25166">#25166</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (OS X)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/17403">#17403</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (OS X)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>, <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>, <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (OS X)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/14868">#14868</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/14603">#14603</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/14708">#14708</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/16988">#16988</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>, <a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/16028">#16028</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/18859">#18859</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/17497">#17497</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/14839">#14839</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/17695">#17695</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/12832">#12832</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20759">#20759</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iPad Pro)
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/18738">#18738</a>
 </td>
     </tr>
-    
+
   </tbody>
 </table>
 
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20732">#20732</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20618">#20618</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20732">#20732</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://bugs.chromium.org/p/chromium/issues/detail?id=437860">Chromium issue #437860</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20143">#20143</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20618">#20618</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/19984">#19984</a>
 </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
       <td><a href="https://github.com/twbs/bootstrap/issues/20175">#20175</a>
 </td>
     </tr>
-    
+
   </tbody>
 </table>
 
index 084d2b929ab4b493094d66dd2ef2a213fd9f3d18..e3e3218a2e46b47f9fa5a5b4fd0073fbf42d8068 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Alerts</h1>
index 5bef76314f59fa640616644308ad6d06048cdc31..2af58923b2656f17d3d1e973730df272a7ec4ab7 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#links">Links</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Badges</h1>
index cdeff9435154ed84d44e851b21ed2320f385087f..1efd657e5f0e086eeacd1eb1ba003364d4c05412 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Breadcrumb</h1>
index a2d2511486bf1a0f779c0c65d5b6054d32690c9a..7c3c8df264b857210dd1ac867ad8e61eb20566a9 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Button group</h1>
index 88d1019a1b81db86b51856439a3d7e96b6cbd937..c820c2379ba5e0bee3378fa187eb3081dc22b94a 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Buttons</h1>
index cba8a0ec762e71ceca1ace9d2e90032dee97dd70..03ac46d669793acf7af9d625f93b375f285e1cff 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Cards</h1>
index 2a055b52fecc78be4f6328973fdb579d0e03811d..c779f227a28f2acf908577a37a934e63b1b7252f 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Carousel</h1>
index a9093ed25d9c8611a59e3ea4d308914b360fc232..e7e0986dc53de557198254562c044f3a22f79c41 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Collapse</h1>
index 5ded219f2d586263b4520e62a23d6d091fc3648c..21cb89d636ae4c395252eda9c4f5eae15635815c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Dropdowns</h1>
index 7763f0f50fd2937c01a4e15e41b8bcfbf55b649c..b220fb319b558fc3d1fd2789995a7957fb68b5e7 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Forms</h1>
index 1b1a28fb1bb34833afe997d77b7f95c86eddb9ab..8b5e828ac55d8875d180d9771fef7e23741c1b2d 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Input group</h1>
index 33de9593705347dabda9259a855a0527926ada1a..f3263c9f5f0a4166e0e57afc75c224b3a6cb4c5c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Jumbotron</h1>
index fc7f686a1c4e49058478cd9d37fd1ae95c7e3fa2..30a858306fe4889a76d31edf14817ee41fa85df5 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">List group</h1>
 <ul class="list-group">
   <li class="list-group-item">Dapibus ac facilisis in</li>
 
-  
+
   <li class="list-group-item list-group-item-primary">This is a primary list group item</li>
   <li class="list-group-item list-group-item-secondary">This is a secondary list group item</li>
   <li class="list-group-item list-group-item-success">This is a success list group item</li>
 <div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/li&gt;</span>
 
-  
+
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">&gt;</span>This is a primary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">&gt;</span>This is a secondary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">&gt;</span>This is a success list group item<span class="nt">&lt;/li&gt;</span>
 <div class="list-group">
   <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
 
-  
+
   <a href="#" class="list-group-item list-group-item-action list-group-item-primary">This is a primary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">This is a secondary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-success">This is a success list group item</a>
 <div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/a&gt;</span>
 
-  
+
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-primary"</span><span class="nt">&gt;</span>This is a primary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-secondary"</span><span class="nt">&gt;</span>This is a secondary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-success"</span><span class="nt">&gt;</span>This is a success list group item<span class="nt">&lt;/a&gt;</span>
index 89d05f882843492c1a7aa85c60b95d3bd3f24b25..a78854e7f3ce4b7358987fde95d63b18f47f4d31 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Modal</h1>
index 7f559dcd92bde756544ab290ee454a323e090d16..e2e7661742f1e2d8d94cf33ecd5141ebb429d833 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index f93bdac80a94cd390eec06e17f64db3458192670..e4ace003e764229228cbd0980fe46fe4e0db6083 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navs</h1>
index 652647f625f27dfb42e78cc12a8a21163d58c0d8..455a25dc92649d28e5a8a473a3b5c3015d88a1fa 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Pagination</h1>
index ab9fd356ff26c5a983a5ba78205f3ddda38abd0a..8926daa8b0ed67a83cc3a32025aab758b261b304 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Popovers</h1>
index a005623df8f132f8adfbc69597cf737cc9fd6003..806400133d826b1984b1811161617d8c4273a948 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Progress</h1>
index 26d0235f87b8f8eea14e5509bd7978430a0ffd6e..e308f372e9a590b789819fa44a5713439ed8abc5 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Scrollspy</h1>
index 7a3037c9c203f66805183f35af52af2acb49f5c9..ddd1053a1db811715efff72603cf760a7a97203c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tooltips</h1>
index b3408ea056080e98cf0067904d573a45d071aa80..f9d63a4254d314fbe5c30b36c37b9c5ccc5be611 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
 <li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Code</h1>
index 815158c02aa4af5cb94a9455381e36998eae547e..b80188b996a12a29f9eab91b03d98dc4c69ccac0 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Figures</h1>
index 47b26217baef91d4fe471cdc6c03e58751918b82..c5d280db206638b548e16730db5700bd191cf0d6 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
 <li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Images</h1>
index 06683c6c5e47c7b2c1a8e075b13f150dc99723d3..dbc8864a215a653f9ebff60f388b27624d07abf6 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
 <li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Reboot</h1>
index a3576191fec3aefc7329567f574e0ad3c8717215..589f16f591a54c694606db2fe37199e46b195eb5 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tables</h1>
         <td>Cell</td>
       </tr>
 
-      
+
       <tr class="table-primary">
         <th scope="row">Primary</th>
         <td>Cell</td>
 <span class="c">&lt;!-- On cells (`td` or `th`) --&gt;</span>
 <span class="nt">&lt;tr&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
-  
+
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
index b1bf50590c9a13f31260f6464da9269d84d22ad9..b576dcd1bee3fa7054a412bb6e6f024344bad6c4 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive-typography">Responsive typography</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Typography</h1>
index a84b39adca54d0df4443eb702c6f4da8d505ae7a..84065f8586bcccb9a15890204d9073fcdb5f9805 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 </header>
 
 
-    
+
       <main id="content" role="main">
         <header class="d-flex flex-column flex-md-row align-items-md-center p-5 bg-light">
   <div class="pt-md-3 pb-md-4">
 </header>
 
 <main class="bd-content p-5" role="main">
-  
+
   <h2>Custom components</h2>
   <p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/album/">
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/pricing/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/pricing.png" alt="Pricing screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/checkout/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/checkout.png" alt="Checkout screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/product/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/product.png" alt="Product screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/cover/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/cover.png" alt="Cover screenshot" width="960" height="600">
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/carousel/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/carousel.png" alt="Carousel screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/blog/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/blog.png" alt="Blog screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/dashboard/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/dashboard.png" alt="Dashboard screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/sign-in/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/sign-in.png" alt="Sign-in screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/sticky-footer.png" alt="Sticky footer screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/sticky-footer-navbar.png" alt="Sticky footer navbar screenshot" width="960" height="600">
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
     </div>
-  
+
 
   <h2>Framework</h2>
   <p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/starter-template/">
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/grid/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/grid.png" alt="Grid screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/jumbotron/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/jumbotron.png" alt="Jumbotron screenshot" width="960" height="600">
         <p class="text-muted">Build around the jumbotron with a navbar and some basic grid columns.</p>
       </div>
     </div>
-  
+
 
   <h2>Navbars</h2>
   <p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/navbars/">
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/navbar-static/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/navbar-static.png" alt="Navbar static screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/navbar-fixed.png" alt="Navbar fixed screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/navbar-bottom.png" alt="Navbar bottom screenshot" width="960" height="600">
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
     </div>
-  
+
 
   <h2>Experiments</h2>
   <p>Examples that focus on future-friendly features or techniques.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/floating-labels/">
         </a>
         <p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.0/examples/offcanvas/">
           <img class="img-thumbnail mb-3" src="/docs/4.0/examples/screenshots/offcanvas.png" alt="Offcanvas screenshot" width="960" height="600">
         <p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
       </div>
     </div>
-  
+
 
 
 </main>
 
       </main>
-    
+
 
     <footer class="bd-footer text-muted">
   <div class="container-fluid p-3 p-md-5">
index 3c655b178661223cc29e37b3780f20ea43f1215a..9bc1b0813a92c79d20ab4f33d2aed1eb309b8b7b 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Approach</h1>
index bf4acb952b0e68f411c5631c2a6df80dedc3ecf5..c364eabba654ccd8fed06f4828d4a6829ca000e1 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Icons</h1>
index 61dad6ceb0d657a60dd556732188c75daf7a9642..7b9c90b5f91ceb6f158a0cb4ba359f76bf343063 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Extend</h1>
index ff7cc0ded5d3ea05c777fb3e91ad634f13594aa9..5609c8e7c95e0df92a74f80848bc87fbbbe0b162 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
 <li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Accessibility</h1>
index 9932b7b9b132d358dd8c4e75f5e70adfed5760f3..b7a518b3203687344e1d547bea28a7c31a995d79 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Best practices</h1>
index 1f9bfadf8bafb297830665bb8869be11c4877283..1ee908687e1a749b2d29cf6be6e541bf448e31c8 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
 <li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Browsers and devices</h1>
index ecb2e0255084138dc9c5edd86170aa534b56748a..59a9e6b133b096363777fe64a55cb5e02995268f 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
 <li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Build tools</h1>
index 276d5a16c298ff821b261dac1f41b0d40f8b861e..4e66a7c54a4ddc31e705aaead9cd17d8b51fbf4a 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
 <li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Contents</h1>
index aee0cf90029c537a83de34c7c656166b1d9cddfb..13b0514cbe9020bef7eac8b222900c97e60689d0 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Download</h1>
index 8947618823a2d933e982bd1109eb56d8cae1d181..5c1c416a09fe8c2804b584632219d9180330347e 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index 0aa81474a1eb3643a1c93c93aae0e847bd067a45..666b75d09f7af436abae98dbe23da4bf14767c05 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
 <li class="toc-entry toc-h2"><a href="#util">Util</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">JavaScript</h1>
index 49daff112245564dabb9c12f25a7d7efad402a49..076c59d242ced0ace3628326276f822a54b5a8d6 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Theming Bootstrap</h1>
 <p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in our <code class="highlighter-rouge">scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
 
 <div class="row">
-  
-    
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-blue">Blue</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-indigo">Indigo</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-purple">Purple</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-pink">Pink</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-red">Red</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-orange">Orange</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-yellow">Yellow</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-green">Green</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-teal">Teal</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-cyan">Cyan</div>
     </div>
-    
-  
-    
-  
-    
-  
-    
-  
+
+
+
+
+
+
+
+
 </div>
 
 <p>Here’s how you can use these in your Sass:</p>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in our <code class="highlighter-rouge">scss/_variables.scss</code> file.</p>
 
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-primary">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-secondary">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-success">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-danger">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-warning">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-info">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-light">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-dark">Dark</div>
     </div>
-  
+
 </div>
 
 <h3 id="grays">Grays</h3>
 
 <div class="row mb-3">
   <div class="col-md-4">
-    
+
       <div class="p-3 swatch-100">100</div>
-    
+
       <div class="p-3 swatch-200">200</div>
-    
+
       <div class="p-3 swatch-300">300</div>
-    
+
       <div class="p-3 swatch-400">400</div>
-    
+
       <div class="p-3 swatch-500">500</div>
-    
+
       <div class="p-3 swatch-600">600</div>
-    
+
       <div class="p-3 swatch-700">700</div>
-    
+
       <div class="p-3 swatch-800">800</div>
-    
+
       <div class="p-3 swatch-900">900</div>
-    
+
   </div>
 </div>
 
index 06348790f520881c4780349ddb74948b976c9280..00f079b9263c6924ee897245b1ea847a3b9496cb 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Webpack</h1>
index 922fc5d9f360a97a0c4092f4305cc76244f78ce0..ae180295df63b448ca1ebb669d363991321adde9 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Grid system</h1>
index e781a0f7cc4700639ad82f0224a71b40f1972f4c..b064075d3a2962418446a5df34fe2e81697dbfd0 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Media object</h1>
index 4b4d055c2de6e621b44f7aad8a7699d859d4b039..ab7aac9244683ec416b2e5703b3340184d288d5c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#containers">Containers</a></li>
 <li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overview</h1>
index 56a8c34695d6f525feb59f7007019c1ce9773c91..8a755492d1993aca101c5fcce3d361fa2ef81a03 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
index e3e54fd94ceaf801e0ea4a2921a6446abe4a4e62..441e0e19f57d2dbc4dc99d8578f96280c63e46d5 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Migrating to v4</h1>
index aeb1823fa516f19f94eb714ae62f03549742a6b3..87c56fdb777f79fb25e62c620c4b16b2ae674aa3 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#border">Border</a>
 <li class="toc-entry toc-h2"><a href="#border-radius">Border-radius</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Borders</h1>
index 7c514f11bd3f9545b211aa7bcf116405c79dc2c2..7f5c55e11049c4555675f3a5a6699537ab8d6bcf 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Clearfix</h1>
index ddcf2f06a07a46e2e433fa361997fd7306ec4579..af2b7943570eacfdccd83f91e5389b5caa3bc84b 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Close icon</h1>
index b591a94851242e307ea7271493b0204e84776bd4..f8224417cf8f046ec23a90f2c5141bea7af5a19b 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#color">Color</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Colors</h1>
index 1a3a0f559fec2dc61d707cf6a6471334dd1d3418..ca3c6533ebfdc1ec45cea4a6af3656dd9ab9df1e 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Display property</h1>
index ca149a9968f6644c38bceb462b722dc32fd582e2..516f1f15b1858944557133bc49658e43cc402e7a 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Embeds</h1>
index 9e8908d42b499919a4b828c63241fbf44b64a98d..ae543b36399d51161065a8820bdfaef11b7d9153 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
 <li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Flex</h1>
index 2baff788b14dba7098e2b22a6be0d2fdebdbebd7..f65af0d333a3f8c2218beb1e19eccc7939aa803c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Float</h1>
index 1d64974b2e5f4e48b3e13abc610bd81bf3a7158c..4025f258eb0929d5c561e168a78874a3efb42f9c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Image replacement</h1>
index a451fd5d0421e9d4503133ee35b6cb6bee44b166..f5785b52dc6e22eaf96e55787f9935021e09d946 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
 <li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Position</h1>
index 8c6af4d68ab490fa9cfb7fa13423bad100555628..cae4d52d253d685a0e53047eb7940644c62340e7 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Screenreaders</h1>
index b7412a050104f8ba97f32d5a003be1f9456ea3e3..c199484a3021b5cf28dc0d43147e0158a9a05237 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Sizing</h1>
index 007483b5658bfd5413e0d0b358a0f668650dfb64..8d721d1acaea45e040e1e81e99490c58ea8e5a74 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spacing</h1>
index 0511550e4f8fca1dd6d487c7f5065e0d6d4888ae..a1178946f585e981454e7637c2d2097545d653f9 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
 <li class="toc-entry toc-h2"><a href="#font-weight-and-italics">Font weight and italics</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Text</h1>
index 2e6691e117e7791b5215618201a2c607ef1249c2..eaf8195dc809e4318f3e93215bc6b069efa0b411 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Vertical alignment</h1>
index 09a3b8623ea3f2c8341c9ea4155fb2a00d95ef04..3a151da2274eb712368551f2fbc87542b2b506f7 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Visibility</h1>
index f0639b0cde709fdc0d37a0ae585e5da7cee695cd..878c227d5b06d067262ecc4246847d03e258dd71 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
 <li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Brand guidelines</h1>
index d36f13d061ea97044e667afd233c74ba9128e414..12fe54fdee68787d52c5442228814a1aeee0d8fb 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">License FAQs</h1>
index 96c7610086c755911f822cfae66ca882bc8e130d..45c70982dd7a24a0910d110875e74fa057331d83 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">About</h1>
index 80d7f0035393844acbaf85e740b14770749a8b2b..8e00477baff10e64d9e691630b3f106b940eebb8 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Translations</h1>
index 9916df33fcd97d3352791c0deb86b347326c2e25..6428a2edb76f9aba92a011f8349c8ece40a3a8eb 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Wall of browser bugs</h1>
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (Windows)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (macOS &amp; Linux)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (Android)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (macOS)
 </td>
     of
     <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>
 
-  
+
     &amp;
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (Windows &amp; Linux)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Weird button behavior with some <code class="highlighter-rouge">&lt;input type="number"&gt;</code> elements.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18834768">Apple Safari Radar #18834768</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>,
+
+
+    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>,
 
-  
-    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>, 
 
-  
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Small font size when printing webpage with fixed-width <code class="highlighter-rouge">.container</code>.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19435018">Apple Safari Radar #19435018</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">transform: translate3d(0,0,0);</code> rendering bug.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18804973">Apple Safari Radar #18804973</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Text input’s cursor doesn’t move while scrolling the page.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18819624">Apple Safari Radar #18819624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Can’t move cursor to start of text after entering long string of text into <code class="highlighter-rouge">&lt;input type="text"&gt;</code></p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>,
+
 
-  
     <a href="https://openradar.appspot.com/22299624">Apple Safari Radar #22299624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">display: block</code> causes text of temporal <code class="highlighter-rouge">&lt;input&gt;</code>s to become vertically misaligned</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19434878">Apple Safari Radar #19434878</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Tapping into an <code class="highlighter-rouge">&lt;input&gt;</code> within a <code class="highlighter-rouge">position:fixed</code> element scrolls to the top of the page</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24235301">Apple Safari Radar #24235301</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iPad Pro)
 </td>
       <td><p>Rendering of descendants of <code class="highlighter-rouge">position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24030853">Apple Safari Radar #24030853</a>
 
   </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
index f8ecaa7d3f2648f52777e74a8d6e05dcd0f1c4be..bbba1e76d99ef12bc803bcb9fdee6a5bc97efac6 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Alerts</h1>
index 5443ecb5396bec6f730a851cbf47937dd5eeb5a0..91618e4fd241a0788206b5ba5629f1f2c2653525 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#links">Links</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Badges</h1>
index d378d0542683d361ec5dc01e236315a269373f4c..030e6885661bfba77ccc9692f7cc9825c01bf1ff 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Breadcrumb</h1>
index d55f075b4b475c7b550c8f0dac6bbb584f9e916d..5cb8dc22a28f3c0cd092ec606361713eb5e1274a 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Button group</h1>
index 2def7825433c58e4f7ce5c6562c6d9cf60ff28dd..f5f414f20c21852e90021cbb9fb34e242a4ff99f 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Buttons</h1>
index eb1951a031bfbdce0df8466a68b3704aecb39986..2bf9738ebfe441cc2704ff240b7515a3a036bfe0 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Cards</h1>
index d170433be95adbe2255782576417183c4d0eb53a..29e8b0f046172183a6dadfcbd904518219d63e12 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Carousel</h1>
index d2ae9299d1747ed683dada64c36b461af2b594dd..2f3b2bde47d3aa845484de58688f441afbf9a0e5 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Collapse</h1>
index 396d760df1da08d547fe9896dfd8014b41614ce1..1b21b1af57689eb1f2ef5d61ce56e635d1b54334 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Dropdowns</h1>
index 9eace77e8ef11bace35ea60d8d84ce51a3525577..775a713d5cc978d215ceff79008fee5ebd5e615a 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Forms</h1>
index 672add6435f426e8bd1bab1a49a8ec6433460729..6d42431871d331ccae082c6d1a6ed913baf18e3a 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Input group</h1>
index f2c4904a558e33de9221e23c952b9ab7e9fb64ec..a7f5c9e65c10b6de1278a9fbdb53b1781f4435de 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Jumbotron</h1>
index f5eec5e3cf0bb4ac9943d2f3979ff0bccc2788e4..92042d61725c050afd006b35e13ca0c5c18bf98e 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">List group</h1>
 <ul class="list-group">
   <li class="list-group-item">Dapibus ac facilisis in</li>
 
-  
+
   <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
   <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
   <li class="list-group-item list-group-item-success">A simple success list group item</li>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/li&gt;</span>
 
-  
+
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/li&gt;</span>
 <div class="list-group">
   <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
 
-  
+
   <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/a&gt;</span>
 
-  
+
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/a&gt;</span>
index d3532c23686632705938ef91d085a712baad3cb9..0aea6d541d6584f33e8cdadd1d388f73218f71dc 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Modal</h1>
index 4b62bea34edb04df36a4ef1674abfda97aea1114..d6c4535b400b2089e88fd67da3ace1bff8b54672 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navbar</h1>
index cb5ec8348d39f521e015676f778e621ea132ffb8..18b671ef0906dcf20df0626433c80c5816b7b80f 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navs</h1>
index 4bf641d72ed72aa148cb20a6bd62f3b9cc5b46f4..6aff202b6ab2a1895cdd1e4c075eefc46a523ba7 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Pagination</h1>
index 450bd025f7f77b47e0db3deb0b669c8446c08247..86d5a37073343f4006215671fbedcdc771f17910 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Popovers</h1>
index 30a261a022e777389658f707759b35c8c3f758a4..db48e257856580960933c9e3bd163892cce8bde1 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Progress</h1>
index c852da4a6caf31acde6a665590d028e492d82646..bc77843097f22e7d9d359bc8cf82f43b5ed329a3 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Scrollspy</h1>
index ddb21126705d7e3b08f40e454b4c9166a23d59e2..ab1aec0ebed6e57b5c0304c69b22e73e58613ce9 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tooltips</h1>
index 2dbe76ead6157833177d3999aed470d49bd315a0..aae37f2aff0cf6321b17cb6dac323b502b867f02 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
 <li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Code</h1>
index 23ede7a04f2cbc115fe936ff960c92da65f6c306..de28bf3b9c68a9db8862e47c6370fc2e4a8fb123 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Figures</h1>
index 6dd1d2a0e871cfe7b35103b64272ae8ce82202b9..58323ee0d72b41354f46349c82d30fdce2b42e3f 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
 <li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Images</h1>
index b576807d590a523038e2b166efea61cc5ef311e7..b1c726107841ea2c5843351c61dbbb7340e5ce2c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
 <li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Reboot</h1>
index 496822fe8b3aa1200ac1b36b4e340709a1733018..c07a081e2e94bbd80b8ed18e7872edbe423467b7 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tables</h1>
         <td>Cell</td>
       </tr>
 
-      
+
       <tr class="table-primary">
         <th scope="row">Primary</th>
         <td>Cell</td>
 <span class="c">&lt;!-- On cells (`td` or `th`) --&gt;</span>
 <span class="nt">&lt;tr&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
-  
+
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
index 7cb94afaa71a5cf6e480d3ea5c4de3d204663c1c..1cf6b7cbfe343123f9b8cd8392d8b1f282f42048 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive-typography">Responsive typography</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Typography</h1>
index bb2e0d793e780184e7ade93e585dc02cba13b47e..57f32aa9b8748c97943b3658c986b2a86ef20736 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
       <header class="d-flex flex-column flex-md-row align-items-md-center p-5 bg-light">
   <div class="pt-md-3 pb-md-4">
     <h1 class="bd-title mt-0">Examples</h1>
 </header>
 
 <main class="bd-content p-5" id="content" role="main">
-  
+
   <h2>Custom components</h2>
   <p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/album/">
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/pricing/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/pricing.png" alt="Pricing screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/checkout/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/checkout.png" alt="Checkout screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/product/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/product.png" alt="Product screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/cover/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/cover.png" alt="Cover screenshot" width="960" height="600">
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/carousel/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/carousel.png" alt="Carousel screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/blog/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/blog.png" alt="Blog screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/dashboard/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/dashboard.png" alt="Dashboard screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/sign-in/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/sign-in.png" alt="Sign-in screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/sticky-footer.png" alt="Sticky footer screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/sticky-footer-navbar.png" alt="Sticky footer navbar screenshot" width="960" height="600">
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
     </div>
-  
+
 
   <h2>Framework</h2>
   <p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/starter-template/">
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/grid/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/grid.png" alt="Grid screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/jumbotron/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/jumbotron.png" alt="Jumbotron screenshot" width="960" height="600">
         <p class="text-muted">Build around the jumbotron with a navbar and some basic grid columns.</p>
       </div>
     </div>
-  
+
 
   <h2>Navbars</h2>
   <p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/navbars/">
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/navbar-static/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/navbar-static.png" alt="Navbar static screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/navbar-fixed.png" alt="Navbar fixed screenshot" width="960" height="600">
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/navbar-bottom.png" alt="Navbar bottom screenshot" width="960" height="600">
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
     </div>
-  
+
 
   <h2>Experiments</h2>
   <p>Examples that focus on future-friendly features or techniques.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/floating-labels/">
         </a>
         <p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.1/examples/offcanvas/">
           <img class="img-thumbnail mb-3" src="/docs/4.1/examples/screenshots/offcanvas.png" alt="Offcanvas screenshot" width="960" height="600">
         <p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
       </div>
     </div>
-  
+
 
 
 </main>
 
-    
+
 
     <footer class="bd-footer text-muted">
   <div class="container-fluid p-3 p-md-5">
index d783b08ab1195001019b35cb6bedcc22a32452c4..3203df0d5343228c801198eb7450ffcc61747c80 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Approach</h1>
index da9c55fae28ba4dd2c354ce4660b47f7a8f4016b..fb2c2883cc04e86d870c0dd673f6c2e4fe477d2b 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Icons</h1>
index 25d527a2a222b4aed50d16757c7e24ad48cc2164..8c1dae5c0cbdfb2be32f11327c896b2a26e12521 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Extend</h1>
index 99166df203e787851c5787467fc2dd680d24f821..ff7a1c1d5a48df33d2a67941112e0b1b957e5fd5 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
 <li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Accessibility</h1>
index 8eebdec4393b7301b56b6f486dd484a8e57c0dde..ccde3367dbc80269defaf81eca048f014ed559b1 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Best practices</h1>
index 5eba425ec7702d56d3beb4df1a159b590c8d2930..bc52e38699d3c085ad6f6cf35ec61d571006e413 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
 <li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Browsers and devices</h1>
index 06ff0a8a2b25643a6467660d92f04086034c24a1..b3a9b979eec247711d66c8a70a3f3e31f8696235 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
 <li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Build tools</h1>
index 74523df049a03cd918791fc2626d532c60176c14..290003f51f9b805c7a9664093230c1d203811127 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
 <li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Contents</h1>
index f167d18455ba22bd8d8925298d3757fa73934049..334e2523541e8b1d718b465b859295635b352d9b 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Download</h1>
index 0d327811832a5aadb747bbec98d7e8324bc980dd..51d962d12475a6e4e55266e9590b0ad249a0313f 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#quick-start">Quick start</a>
 <li class="toc-entry toc-h2"><a href="#community">Community</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Introduction</h1>
index a6cfad04d3ae42b2452f04209da6a4f28dea87d0..70035e8d7e3fec8d977845d4d5662b9d942bf56c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
 <li class="toc-entry toc-h2"><a href="#util">Util</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">JavaScript</h1>
index d3f1ce1bae3820b5ad1e26535858da2df3f95f5f..bbc58650cc3d5cdd2d4b3b4ac150b4b7da1bb654 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Theming Bootstrap</h1>
 <p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code class="highlighter-rouge">scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
 
 <div class="row">
-  
-    
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-blue">Blue</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-indigo">Indigo</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-purple">Purple</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-pink">Pink</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-red">Red</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-orange">Orange</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-yellow">Yellow</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-green">Green</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-teal">Teal</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-cyan">Cyan</div>
     </div>
-    
-  
-    
-  
-    
-  
-    
-  
+
+
+
+
+
+
+
+
 </div>
 
 <p>Here’s how you can use these in your Sass:</p>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstraps’s <code class="highlighter-rouge">scss/_variables.scss</code> file.</p>
 
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-primary">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-secondary">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-success">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-danger">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-warning">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-info">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-light">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-dark">Dark</div>
     </div>
-  
+
 </div>
 
 <h3 id="grays">Grays</h3>
 
 <div class="row mb-3">
   <div class="col-md-4">
-    
+
       <div class="p-3 swatch-100">100</div>
-    
+
       <div class="p-3 swatch-200">200</div>
-    
+
       <div class="p-3 swatch-300">300</div>
-    
+
       <div class="p-3 swatch-400">400</div>
-    
+
       <div class="p-3 swatch-500">500</div>
-    
+
       <div class="p-3 swatch-600">600</div>
-    
+
       <div class="p-3 swatch-700">700</div>
-    
+
       <div class="p-3 swatch-800">800</div>
-    
+
       <div class="p-3 swatch-900">900</div>
-    
+
   </div>
 </div>
 
index 82d868eb32a1c991e19ea10a2e92edd2972dffc9..f522e8f197dbf7b2f52f48e268e8e44916f3850d 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Webpack</h1>
index 95566201f7735fbf017949eac34c3a549bae2685..fbdd1272ca11d8f48725fd33093571373e14b3ca 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Grid system</h1>
index e803fee689129bd6a22ece2da9eba1671a4d985b..547e2258e3460afeb5829d01675994031a3f68ff 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Media object</h1>
index a4134e860e342577b9020403adc0a3731a35e88b..9c926c77feec9fe2af56aa97a90e68654640e56c 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#containers">Containers</a></li>
 <li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overview</h1>
index 074ad009993fc93acd0f621b7957e15c4d076b34..650ec78bb4d3f84bbc5e750b31e7e89e1e356b5d 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#changing-display">Changing display</a></li>
 <li class="toc-entry toc-h2"><a href="#toggle-visibility">Toggle visibility</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Utilities for layout</h1>
index 37e04f0bde631bd8e06dcd60d121723cedcc12ab..c01eada2f876d5a5aacf2b5c28cacf589d69508e 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Migrating to v4</h1>
index 863430ece280caab5f1572d73bf8a9291c9a3b53..0006e4e5f1815109049892d1a98fd4cfac3ec786 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#border">Border</a>
 <li class="toc-entry toc-h2"><a href="#border-radius">Border-radius</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Borders</h1>
index a684d0a883cc685d4b41d99563204bdd2195fed1..24ee0cb14c9982fae6c85fb2ca1e2fe666139d23 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Clearfix</h1>
index 27d31455640ab7c494287c2b158ea044f51e96ca..f7db32c5cc87ce1ba48a0abba0fc23fdfa85bfdf 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Close icon</h1>
index 046a578481197ec32f943b7de52e08b89ca8c592..4b9dc723df58ff1337be8d68691281725e855a53 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#color">Color</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Colors</h1>
index 606669c4dc5a93bca97b99eb692f80e71d7d3b2a..081a5d3375c063d245c279264756258f268062b9 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Display property</h1>
index b83f8d9173c2df0c99fb57d43715f48fe531f14f..ba8ec61a9d88f816a246bfd7276c316629a5e8fb 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Embeds</h1>
index b326b32674a81f09ac1611bebe3fbf3e01098ebb..a1e5a0e43c0b477c375ff002d8d4c5327f21d217 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
 <li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Flex</h1>
index 5aa65d51996cf415a6bb6a6d90e24fdc0746cbaa..e15a1d86d7d118f44fb89f32f99b07a50961d1d5 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Float</h1>
index 3babb4c4ed552e3bf8da1491a2db9dc495d94e98..28edda9dbb1d3596d8703cf99d2dfff8c4c52cfd 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Image replacement</h1>
           <p class="bd-lead">Swap text for background images with the image replacement class.</p>
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
-          
+
 <div class="bd-callout bd-callout-warning">
 <h5 id="warning">Warning</h5>
 <p>The <code class="highlighter-rouge">text-hide()</code> class and mixin has been deprecated as of v4.1. It will be removed entirely in v5.</p>
index 8ddfaad7a2a7598b35dff70ac1ab6ca244b32d54..9c8f1b3abb6212f85cabf34158e36115e23b0873 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
 <li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Position</h1>
index cff98099d94758494dffc518a1a746cc15ff0798..032daa63c6bad9b9b7603927d86fdca0a06ebc09 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Screenreaders</h1>
index 7e0f21b145e99aca22c25cacb03d4be1b227f707..10bb589223302afca3297c9bdd2a7b6ebdfa267f 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Shadows</h1>
index 1ad540a4e8f55d00ffa0d9ad3bee35b22b9e420b..3a9cbc7b9ab6b5d326f127b4c69dac93cf9ecef7 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Sizing</h1>
index a0e41eb99b2d3f251e1a68bf6d4e747d2463ad5d..4efe20a39cb7d2d0a2663fdaef285d4558cf1a09 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spacing</h1>
index 46c50e4132293628fef968cb969a54c98ffbb8a2..bd11c743915f133ef57624f388246c2e20c49801 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
 <li class="toc-entry toc-h2"><a href="#monospace">Monospace</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Text</h1>
index d9ca582b6d95060fce29f244541101dbfa9b63b2..a30ec4f50106f1b1ab2a55cfacac6e89f1619ff4 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Vertical alignment</h1>
index 8d615f9a71af0b364d32aa241ed8f8cd80d5c0cf..cb27175f64cedb820dadeee79dd0adaea972ecd3 100644 (file)
@@ -53,6 +53,7 @@
 <meta property="og:image:height" content="630">
 
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Visibility</h1>
index 669e52d7ba90899c476bbd12b5b92371b5bd195e..d7dffe37a3f00a01e15cdd7e0f3bbbbee8ddc705 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
 <li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Brand guidelines</h1>
index eae8b7c59a84b8a81384e3a49a2b55799b6a00bb..ca4d5aef95ba67a98de344e41bd8270b741fd854 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">License FAQs</h1>
index 56a19afdda29dfa1458a952c34b45e9455acde5c..9060f7b4fbc28defd946c0f6193163bc88721e6a 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">About</h1>
index 83d6d2a8f18bca616c90727c0637137b1575b502..b1746862f96acccd0d3e9492adcaecbb1c9c0000 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Team</h1>
           <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
 
 <div class="list-group mb-3">
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/mdo">
       <img src="https://github.com/mdo.png" alt="@mdo" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Mark Otto</strong> @mdo
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
       <img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Jacob Thornton</strong> @fat
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/cvrebert">
       <img src="https://github.com/cvrebert.png" alt="@cvrebert" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Chris Rebert</strong> @cvrebert
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
       <img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>XhmikosR</strong> @xhmikosr
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
       <img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Patrick H. Lauke</strong> @patrickhlauke
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
       <img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Gleb Mazovetskiy</strong> @glebm
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
       <img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Johann-S</strong> @johann-s
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/andresgalante">
       <img src="https://github.com/andresgalante.png" alt="@andresgalante" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Andres Galante</strong> @andresgalante
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
       <img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Martijn Cuppens</strong> @martijncuppens
       </span>
     </a>
-  
+
 </div>
 
 <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/v4.2.1/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
index c177d5562a55dbce9a6246332f37181798feeb48..00a6b781701c4d7aac0fb7294274d8e642eb733b 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Translations</h1>
index 9c3f921937ce4b5980072396ff17d030fba0f596..0f5865eff04733b4b55f448c70ebaa8856e9346b 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Wall of browser bugs</h1>
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (Windows)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (macOS &amp; Linux)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (macOS)
 </td>
     of
     <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>
 
-  
+
     &amp;
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Weird button behavior with some <code class="highlighter-rouge">&lt;input type="number"&gt;</code> elements.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18834768">Apple Safari Radar #18834768</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>,
+
+
+    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>,
 
-  
-    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>, 
 
-  
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Small font size when printing webpage with fixed-width <code class="highlighter-rouge">.container</code>.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19435018">Apple Safari Radar #19435018</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">transform: translate3d(0,0,0);</code> rendering bug.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18804973">Apple Safari Radar #18804973</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Text input’s cursor doesn’t move while scrolling the page.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18819624">Apple Safari Radar #18819624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Can’t move cursor to start of text after entering long string of text into <code class="highlighter-rouge">&lt;input type="text"&gt;</code></p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>,
+
 
-  
     <a href="https://openradar.appspot.com/22299624">Apple Safari Radar #22299624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">display: block</code> causes text of temporal <code class="highlighter-rouge">&lt;input&gt;</code>s to become vertically misaligned</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19434878">Apple Safari Radar #19434878</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Tapping into an <code class="highlighter-rouge">&lt;input&gt;</code> within a <code class="highlighter-rouge">position:fixed</code> element scrolls to the top of the page</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24235301">Apple Safari Radar #24235301</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iPad Pro)
 </td>
       <td><p>Rendering of descendants of <code class="highlighter-rouge">position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24030853">Apple Safari Radar #24030853</a>
 
   </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
index 412d6ba28a3b743f94d8d3cab8921b002f03663e..9bb33c540c558591ace6b8c61afeabe1aecc9182 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Alerts</h1>
index 228697edc174ddb15757b44372bf8efa7d987b71..abf9852021a1f7f556d8aea5fdf458c9b66d1430 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#links">Links</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Badges</h1>
index b96b0ba784cba0fbbca167cd7aa2acd58546f1c3..0bfa07c468ed1bf845ba36182bc7761b55bb9a45 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Breadcrumb</h1>
index be849d41a57aa1a8bf23f915ee1b6a32879b4768..cfa3ddc4c8a559f418e7d7ddf87210ec2cfbd503 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Button group</h1>
index 849d88dd9b1d367fb69ca4c08bdcd543ed8dff08..234d7f710266598d7b1c328c3a65e55207cd6a69 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Buttons</h1>
index ce03c64b1c1c5005699c7018303257a0ba02f7a9..31c65f59a1584e7635e79421c559e49671e0e255 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Cards</h1>
index 8de9aa62799a38f504d5acd2488e1c36d21aba7e..19dfd940b13c0fbd1de25e1a8a831775a1b0f906 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Carousel</h1>
index e53f992a47c6d2363e5b0afa4ae13652bfee66a7..6bebb5cc95b9a70f6553b4e7ffe9dfc5abcdd2dd 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Collapse</h1>
index ae2d18acb6ca013854a921b4ddeaab17f886a7b6..85d8ec1497456703ecb34564b695c56457009cc4 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Dropdowns</h1>
index d9dde214ae574bd3bc4e56a9ef865b2108b58f67..c3bb28dd7ff607636d942aaaecd692ce7e2ff6a9 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Forms</h1>
index a81041eec4f2e75e9fd93790ce38948b0da592f9..88cc056d4e0f0ddaad7064d322355a29bbb60ae5 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Input group</h1>
index aeeede3df908db87711c643490b4a52661976d23..75c4c9ace698e8b5841fbcce0404ec7d9d30f5fe 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Jumbotron</h1>
index 971805fcfbd4f0e6fe3482c94a9a1833a6fdbc4b..6b7793423fe0f70c6b0d684dd979bcdcc6fdd3e0 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">List group</h1>
 <ul class="list-group">
   <li class="list-group-item">Dapibus ac facilisis in</li>
 
-  
+
   <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
   <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
   <li class="list-group-item list-group-item-success">A simple success list group item</li>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/li&gt;</span>
 
-  
+
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/li&gt;</span>
 <div class="list-group">
   <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
 
-  
+
   <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/a&gt;</span>
 
-  
+
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/a&gt;</span>
index 57b57b46b3ebb2bc6d6fac6657e59e4ad5b94123..be86c87e7a35349051e555da1ab9f4f3325f052f 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Media object</h1>
index 2b8c4470faa1c96d3b8215b10cf8c8c484ccd9a1..6eb3cb7a7a8031ce2f7cf18abd65707b51d2539c 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Modal</h1>
index 4131ecc2c05897dae5ce77054f4562ffe24c854c..dd50ad9f190334ed0cf7d6f9bf74ca294c3d414c 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navbar</h1>
index b1e4d8e777ad07405c3165b3ee49e8b258eb386c..b9148e13fdd3ee77fa055a34edf2253c5050bb53 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navs</h1>
index 36d770b0dc6be1fe752e3290e95cfd496bbdf175..dcea7d6c931ecd73a78f7e06c1ec980e497d25f2 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Pagination</h1>
index 01138decfba6c7521ab3482b17dcdb7f9dd75f50..0620e5cc3fc71ecf60d245688db90d78e55f366e 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Popovers</h1>
index d1a4b674615e42f81cb31cf50071c86b3f8d95e9..51310f4b795338daea1f871278dcb99243ca8c9a 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Progress</h1>
index 8c29360f2568706dbcae1a84df2b2384d6a795d9..217b24591b358cb80f2e22762222549052354e4b 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Scrollspy</h1>
index 6b467778c10b9ee93249551fb2aa902c95cc2868..350328f032c6c9949f83261f19923c7d2a98daa8 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#buttons">Buttons</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spinners</h1>
index c9b2639e66b5c542b72c097b19254375169f6154..840628849f4c33f433aa7957dfe92d557868cabe 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Toasts</h1>
index e12bf623cb55bc8e82f8303e896130980775bb64..7246be7176fb39efe82d298447aa742a4ce50304 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tooltips</h1>
index 57974fbffe2b0f2d68e3e80a813c8fc8a291f400..e40b3c84eb2651e02f49c3382cc689e9782f7cdb 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
 <li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Code</h1>
index 277d45f972ae5c0c2d999af552d8baf2ccfba4cb..e7b9692bbb284fd34b8affd859eed803627fbb91 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Figures</h1>
index 449f914877c96716b7fe3a1305cbfc528f4cddd5..7fae34c1816ac137a8b0239beddc6f234bec6fbd 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
 <li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Images</h1>
index 5943b2faf6f256f97be5b7cfa5dad30750b74a0b..6be52de53c0eed3befb6428f987d1af8f18f1c4a 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
 <li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Reboot</h1>
index 4926e681b4a4204914794112867c4bc3caadb3de..e403c09cbb08ab4d68478701235ceb7508c5a654 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tables</h1>
         <td>Cell</td>
       </tr>
 
-      
+
       <tr class="table-primary">
         <th scope="row">Primary</th>
         <td>Cell</td>
 <span class="c">&lt;!-- On cells (`td` or `th`) --&gt;</span>
 <span class="nt">&lt;tr&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
-  
+
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
index 735f6ce1a341b52535c70c0ffcdae13c351c5b47..5ed3c4e7d0e4cdecaa86e2876b91575f0c01d17d 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive-typography">Responsive typography</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Typography</h1>
index 6f067369be20644c997fe7db9d0e1ec2ab51c9ee..afd920bd964edcaabae0d17788b1500ca36d03d0 100644 (file)
@@ -47,6 +47,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
       <header class="d-flex flex-column flex-md-row align-items-md-center p-5 bg-light">
   <div class="pt-md-3 pb-md-4">
     <h1 class="bd-title mt-0">Examples</h1>
 </header>
 
 <main class="bd-content p-5" id="content" role="main">
-  
+
   <h2>Custom components</h2>
   <p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/album/">
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/pricing/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/pricing.png,
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/checkout/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/checkout.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/product/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/product.png,
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/cover/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/cover.png,
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/carousel/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/carousel.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/blog/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/blog.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/dashboard/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/dashboard.png,
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/sign-in/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/sign-in.png,
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/sticky-footer.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/sticky-footer-navbar.png,
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
     </div>
-  
+
 
   <h2>Framework</h2>
   <p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/starter-template/">
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/grid/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/grid.png,
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/jumbotron/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/jumbotron.png,
         <p class="text-muted">Build around the jumbotron with a navbar and some basic grid columns.</p>
       </div>
     </div>
-  
+
 
   <h2>Navbars</h2>
   <p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/navbars/">
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/navbar-static/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/navbar-static.png,
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/navbar-fixed.png,
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/navbar-bottom.png,
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
     </div>
-  
+
 
   <h2>Experiments</h2>
   <p>Examples that focus on future-friendly features or techniques.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/floating-labels/">
         </a>
         <p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.2/examples/offcanvas/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.2/assets/img/examples/offcanvas.png,
         <p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
       </div>
     </div>
-  
+
 
 
 </main>
 
-    
+
 
     <footer class="bd-footer text-muted">
   <div class="container-fluid p-3 p-md-5">
index 9954807307443db28bc617fb2f9a7928eb1fcd28..f8c1bf5dcf49e003eaeffe5f9a75105ff9b3ba35 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Approach</h1>
index 1e4ba2fdceaa6e70936616f9456505de0bd0c874..80d1c84efea442df4d577b70f9efb35c8f2bae03 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Icons</h1>
index b4f589472835017b5dabb8faa24233f51afdf818..cd41de7abda648f9ddb4d3063dbb600dcd12badf 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
 <li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Accessibility</h1>
index da3919a808f1bee20de5944e91b93cc3eb3b4e3b..3593675953289601aff9f43b5bf213721f0ee6ba 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Best practices</h1>
index b33dbf2eb17f3392dc272883b3d9cb41109b6d36..0c4bc1f4c38de65fd92581af5f678722e0f71468 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
 <li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Browsers and devices</h1>
index 8136cb6d88ac3edc2210a530eaf72b7dc4b52e9d..0f420b34ae8de6d523fba84d74918c1a3bd7fc02 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
 <li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Build tools</h1>
index 229164c725d4f6db488827314634999eb01cef18..7544412842db3d5609640186292c75ec405d054f 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
 <li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Contents</h1>
index 19d94d71df8800ccac70a656f27b5682ced95fec..d5c25a59f030ccd4f8028725b7b3d128d99ca569 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Download</h1>
index 903850e70ca23a8ff69f15e3619c2ff24c983db8..d37ec03d1dc6fba3fe3c5fe66d588d0e5227c703 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#quick-start">Quick start</a>
 <li class="toc-entry toc-h2"><a href="#community">Community</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Introduction</h1>
index f0cea13a1b7d84ffa2c6315eb2054d58dc028f9c..f63913e3843ef23eda175a5514dd60e60af0dd07 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
 <li class="toc-entry toc-h2"><a href="#util">Util</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">JavaScript</h1>
index 68aae73781ac7c5163821f6d79a8fbccc9604801..521c12b66328978446411e1e3b96df82da747ef9 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Theming Bootstrap</h1>
 <p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code class="highlighter-rouge">scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
 
 <div class="row">
-  
-    
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-blue">Blue</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-indigo">Indigo</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-purple">Purple</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-pink">Pink</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-red">Red</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-orange">Orange</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-yellow">Yellow</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-green">Green</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-teal">Teal</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-cyan">Cyan</div>
     </div>
-    
-  
-    
-  
-    
-  
-    
-  
+
+
+
+
+
+
+
+
 </div>
 
 <p>Here’s how you can use these in your Sass:</p>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstraps’s <code class="highlighter-rouge">scss/_variables.scss</code> file.</p>
 
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-primary">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-secondary">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-success">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-danger">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-warning">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-info">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-light">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-dark">Dark</div>
     </div>
-  
+
 </div>
 
 <h3 id="grays">Grays</h3>
 
 <div class="row mb-3">
   <div class="col-md-4">
-    
+
       <div class="p-3 swatch-100">100</div>
-    
+
       <div class="p-3 swatch-200">200</div>
-    
+
       <div class="p-3 swatch-300">300</div>
-    
+
       <div class="p-3 swatch-400">400</div>
-    
+
       <div class="p-3 swatch-500">500</div>
-    
+
       <div class="p-3 swatch-600">600</div>
-    
+
       <div class="p-3 swatch-700">700</div>
-    
+
       <div class="p-3 swatch-800">800</div>
-    
+
       <div class="p-3 swatch-900">900</div>
-    
+
   </div>
 </div>
 
index 5b2d7227f4d3a3115d9af5fe70d07d1bd6823ae9..cc43087cfb5ad2360c1efb2bb250371ba584fdcd 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Webpack</h1>
index 539dbf33cc5dfacc270d23ca6300da4c09f112c4..0c9d3717a532c00acdc7f4a158d4045ff98cc165 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Grid system</h1>
index 02dbbc6320c290b81c6a1a652245f9817b46209b..531aad6e72651248926fcdb507263beaf0cba0ae 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#containers">Containers</a></li>
 <li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overview</h1>
index 60409d03ec69f6552b0a609dd4ac38603c9a600b..5374382e6a19b12304b2dc584990aa0479076ec5 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#changing-display">Changing display</a></li>
 <li class="toc-entry toc-h2"><a href="#toggle-visibility">Toggle visibility</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Utilities for layout</h1>
index 5e9283e69db87464cd5b70f3a42fc3aa93363b32..1f9b2cef115eee6df6f1b9f6dbe6902402561247 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Migrating to v4</h1>
index 824e9e12ea51b995dafea2cd2b65bc93a99a8ebd..02f961fc6361230b5025727b215fae612b75654f 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#border">Border</a>
 <li class="toc-entry toc-h2"><a href="#border-radius">Border-radius</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Borders</h1>
index 10a8bccc91b3c9a94101d369ddf8549470451dd8..b4b8fd9df4a4972ea7fc9c6965598ad4b8ff4d63 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Clearfix</h1>
index fb41ea82d1c94f36e9d4292c597f162b5e8a1ed7..643c4f01723a9edd8e6cbc427c07ade06ecd4233 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Close icon</h1>
index 0ec4bd68c4691a27403a9a6fc7fd55db22540c98..e2468260099bf3112cc602341caf4ccf519162db 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#color">Color</a></li>
 <li class="toc-entry toc-h2"><a href="#background-gradient">Background gradient</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Colors</h1>
index 2bc02e80f725cdac61a8251b0eeb9333f8d26afd..a833206d2489aa3d3858e1339d6800da1eae5268 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Display property</h1>
index a53dc4ec5690188cdeaadd4de50f2c34b444678c..83f6e2768c193813732b430e4e5b6e869c9f3585 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Embeds</h1>
index 2fd87f1b8b16ca7779b76ff8c0a0d94fd597e521..fb0722c77f6e2a8292a9de9cd60fddbe9930941c 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
 <li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Flex</h1>
index 43a5bf2912df9665259536489bde7295f3ff0b8a..ef0e4b41f7b24cd7355b96fb37d251002d600aa6 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Float</h1>
index ec7003a56b4651dd960b0ca031354d6726a3c06f..c60c19e413161493ed53de2415041572b274c5e4 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Image replacement</h1>
           <p class="bd-lead">Swap text for background images with the image replacement class.</p>
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
-          
+
 <div class="bd-callout bd-callout-warning">
 <h5 id="warning">Warning</h5>
 
index 95e26697130a6089e7d467de48c8c3e606e82dd1..77d34fd27799a9242cdd1e7fc2baa5fced6dc15d 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overflow</h1>
index ebade74fd972c133ea5c7cdab768474111486dc5..df9e1c0f8557e7734b1b8c1edfd618228919478a 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
 <li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Position</h1>
index 2c5651537081031f2f9d96ff58309cafef73fb0d..9bfe8cf2f909bbd2d3b112456ab991187a690410 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Screenreaders</h1>
index d4b9e5861f1c6c28848dcc11b0724cadae3f111b..8f10d17d80f49a94e1443b3a431635a3ae5f9fdc 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Shadows</h1>
index 76edef023c6a702c4546394678db439394bd2264..9e18ff6199ad66a8e63b7b7788838bb27e7e6b2f 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#relative-to-the-parent">Relative to the parent</a></li>
 <li class="toc-entry toc-h2"><a href="#relative-to-the-viewport">Relative to the viewport</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Sizing</h1>
index 676dd7dbc961601898d33180c4841b7cf1b8b813..12f5d066b5b9f97e256a6636d4789ea223268f9b 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spacing</h1>
index 3214f18fcd7546909af5ced8558ab5003ff362f4..e5c1eae4c93fa70403d1b3cb97a10891eb7e7630 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
 <li class="toc-entry toc-h2"><a href="#text-decoration">Text decoration</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Text</h1>
index 49083a7e07626e7a36cd8ebfc52ce01f1b0cc15f..b2e4d414c4443f492db4da9756aa429f9c048bbb 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Vertical alignment</h1>
index 6dd809168ecfa5a5301515d36b209b3f73bf028b..3cef22ed2a114ce0df142003f09132a44147168c 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Visibility</h1>
index 53cdf2d25ff78d82d022621fbead8d518dba9526..1c78d2e77fc1ebdee3ddf686b99abe5b5d168e8c 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
 <li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Brand guidelines</h1>
index 758972f38f9da98d377b2f0dfbdff822e19bbca6..363aa53b4b125b0a6bb02cb6de7fb1b168868bd9 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">License FAQs</h1>
index 0479fdc1d1ec64b82f7db5dfde55e414fa100aa2..c1ea4c2ac90111e259f1c62268055a59f2ebee5f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">About</h1>
index ca3983b2afc569650d94a8b0edfb61d7c28e973b..2c0394819c9073ab8abac64cda0b788a47b40111 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Team</h1>
           <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
 
 <div class="list-group mb-3">
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/mdo">
       <img src="https://github.com/mdo.png" alt="@mdo" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Mark Otto</strong> @mdo
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
       <img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Jacob Thornton</strong> @fat
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/cvrebert">
       <img src="https://github.com/cvrebert.png" alt="@cvrebert" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Chris Rebert</strong> @cvrebert
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
       <img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>XhmikosR</strong> @xhmikosr
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
       <img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Patrick H. Lauke</strong> @patrickhlauke
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
       <img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Gleb Mazovetskiy</strong> @glebm
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
       <img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Johann-S</strong> @johann-s
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/andresgalante">
       <img src="https://github.com/andresgalante.png" alt="@andresgalante" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Andres Galante</strong> @andresgalante
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
       <img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Martijn Cuppens</strong> @martijncuppens
       </span>
     </a>
-  
+
 </div>
 
 <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/v4.3.1/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
index 846c6772f3026addbefd6eac03ffdc75e61ccac7..e5446aeb93b3f868a77dc9b5e772d2a65896825d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Translations</h1>
index c88f54dad80e261f0dcae8b9008c78669ead39e2..3694a48a0195a0e59bf508c25a21776b52335b8f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Wall of browser bugs</h1>
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (Windows)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (macOS &amp; Linux)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (macOS)
 </td>
     of
     <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>
 
-  
+
     &amp;
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Weird button behavior with some <code class="highlighter-rouge">&lt;input type="number"&gt;</code> elements.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18834768">Apple Safari Radar #18834768</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>,
+
+
+    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>,
 
-  
-    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>, 
 
-  
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Small font size when printing webpage with fixed-width <code class="highlighter-rouge">.container</code>.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19435018">Apple Safari Radar #19435018</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">transform: translate3d(0,0,0);</code> rendering bug.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18804973">Apple Safari Radar #18804973</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Text input’s cursor doesn’t move while scrolling the page.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18819624">Apple Safari Radar #18819624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Can’t move cursor to start of text after entering long string of text into <code class="highlighter-rouge">&lt;input type="text"&gt;</code></p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>,
+
 
-  
     <a href="https://openradar.appspot.com/22299624">Apple Safari Radar #22299624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">display: block</code> causes text of temporal <code class="highlighter-rouge">&lt;input&gt;</code>s to become vertically misaligned</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19434878">Apple Safari Radar #19434878</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Tapping into an <code class="highlighter-rouge">&lt;input&gt;</code> within a <code class="highlighter-rouge">position:fixed</code> element scrolls to the top of the page</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24235301">Apple Safari Radar #24235301</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iPad Pro)
 </td>
       <td><p>Rendering of descendants of <code class="highlighter-rouge">position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24030853">Apple Safari Radar #24030853</a>
 
   </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
index fbd55a2aa2db853e1b239d2ad82b172c0d8fb10f..6cd89fd0e8d60d8053a25a4c0dcade36511ca882 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Alerts</h1>
index e7c2ba080d38252f34007eb0132262762325ee65..e2615adcb395c80d13f78a168082c7332b4c49a1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#links">Links</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Badges</h1>
index 967c058c30aea7e839f532a3f1c8c1e47e12cefc..0f9ac751d2583ec54c2942a59d6cd0616caa65ef 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Breadcrumb</h1>
index 859c63048210793ff821af71d5145ac3cc05842f..cb205bb208ccfd2d93fb628d71470d27d42f9d7e 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Button group</h1>
index 7bb1c3a55dfed4025c17d17c58508158adefe450..e2a3b96a10a5e9044c18ba7be95932ae36a8f116 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Buttons</h1>
index 75e378233dd73123b9b73762b4bbd68adb23e1ba..f63ff50bf7c217abfd53c226ac760c21696c1e70 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Cards</h1>
index bec53de675587390333145e6419903a812e0ce78..a29294babfb24776bfa73a08a765c84fc5702e59 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Carousel</h1>
index 9099303e911567086d2b86c4e73f9e39005ee180..e61e446ca464005de0c6352b5234378f253b573c 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Collapse</h1>
index 6a84eb23c657373302a27e320f41cb23d86201ac..5c8440d4371c7f60ae08dcb76bc74de4bcf26d7d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Dropdowns</h1>
index 40971bf0c4cad26107d2208c3035f8e4708a68e8..f6370ee2cf1b8acddb614124bfd21db47ecef709 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Forms</h1>
index 9e0b5546cebcbdf3e3c94f92d39b09d67dd7a0a7..9c19056f5509c1b15a904fbe58e92234bd21dcfb 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Input group</h1>
index 1d47ed490c010afb9beeea57f4d1470547e2e07d..ee133356845c292cb72109e0f82d9348d08daf13 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Jumbotron</h1>
index 1f81f8d7298b9a215f152c87f7692c26dade2f00..e8720140d170e879b57378e2dd2c05d1d3f8f76a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">List group</h1>
 <ul class="list-group">
   <li class="list-group-item">Dapibus ac facilisis in</li>
 
-  
+
   <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
   <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
   <li class="list-group-item list-group-item-success">A simple success list group item</li>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/li&gt;</span>
 
-  
+
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/li&gt;</span>
 <div class="list-group">
   <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
 
-  
+
   <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/a&gt;</span>
 
-  
+
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/a&gt;</span>
index 1ae1f49fe76c7f586f26257f675ba4d810685d5e..88c0216c8188f7679539e153ce37e16549b52495 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Media object</h1>
index 6b01a97441e54c1f2c4e4b191713445fe6a4310b..5bffab5d422a1b458154e68c7990838cb5a2d9bb 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Modal</h1>
index 808c83fcf05135dda8c95717cee035228ea6eab5..2ebaa057099ef2ea0e31330d96ba92b1c53a4c95 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navbar</h1>
index f9bbc21b2b075d9f5f09601bfdef09342ff72101..440079ce6bedfe5268e3a0c632384b45167f3f47 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navs</h1>
index 416296132cdc836f541e13aba4b91140b7e2432c..7dbb4d9811700a2cbfee345a098c8bb4fe6531cf 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Pagination</h1>
index 8670b0e91b93df41cc617443f4291a853ddc4621..c4f974cc0d547c09caad8a1cc3c119da31cab966 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Popovers</h1>
index d53c2e25f1ed5bcb14ace1cded0042058931519f..4ba3e12e5ff6fe96ddd784d97e122152cedbe197 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Progress</h1>
index 24e945a83bb4db95bdb2305be67bf2c4d79588ab..296427cafd8bf2a46612d40aaede7f25a80ac55e 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Scrollspy</h1>
index 970b886fc5b458ac56052b51baaf90a1d0260187..45120b7e8f2382c4d6c14955abb8dfcb8029f8fe 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#buttons">Buttons</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spinners</h1>
index 1c26260cf15af47dcdce50180e9e0531012ad5d4..5ec73b8fa4743a57e1205032f78e747711749f2b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Toasts</h1>
index 63251db43a5d1416f3ac88d9fa8925c3d062ed09..b45c451f9274e8c73d64cfa072d296bc351b299b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tooltips</h1>
index 8db19b42a346e686b60c613cc12fb73a46d8938a..230be321559ad83864f5819261784fa03cb837af 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
 <li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Code</h1>
index bf1a198b769e02f690164b27aef4a2ef0702a264..91a10f5d6d9a82a867d3f76aa651321f374b120a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Figures</h1>
index e5e84478fa4dd3829f7372b72d82b2a31c056c3a..86fd25b506876c44fd44440211722f0882fb19c4 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
 <li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Images</h1>
index 6d8628e90ad5ae0d9e0cb319decd9753c33d3888..f3e45f7b0d187fdc0c5f89ae0cd9ae6c030c30ec 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
 <li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Reboot</h1>
index 9fb9c3c3993a4776db424fa6fb250d0439f0e7b0..c79e206992134da8aba2608f6c87443cf2921712 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tables</h1>
         <td>Cell</td>
       </tr>
 
-      
+
       <tr class="table-primary">
         <th scope="row">Primary</th>
         <td>Cell</td>
 <span class="c">&lt;!-- On cells (`td` or `th`) --&gt;</span>
 <span class="nt">&lt;tr&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
-  
+
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
index 9cc8155a485de011fbb23ae204bde9cfd8bec24e..9b12e795aab074fd672b76a4be8c4650a89a5e51 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive-font-sizes">Responsive font sizes</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Typography</h1>
index 30f20e5929a6d455a4d499c99c9429d5f62d120a..bf2e7efe7cb75f9e28635445717370b7c5efd26f 100644 (file)
@@ -50,6 +50,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
       <header class="d-flex flex-column flex-md-row align-items-md-center p-5 bg-light">
   <div class="pt-md-3 pb-md-4">
     <h1 class="bd-title mt-0">Examples</h1>
 </header>
 
 <main class="bd-content p-5" id="content" role="main">
-  
+
   <h2>Custom components</h2>
   <p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/album/">
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/pricing/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/pricing.png,
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/checkout/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/checkout.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/product/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/product.png,
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/cover/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/cover.png,
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/carousel/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/carousel.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/blog/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/blog.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/dashboard/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/dashboard.png,
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/sign-in/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/sign-in.png,
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/sticky-footer.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/sticky-footer-navbar.png,
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
     </div>
-  
+
 
   <h2>Framework</h2>
   <p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/starter-template/">
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/grid/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/grid.png,
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/jumbotron/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/jumbotron.png,
         <p class="text-muted">Build around the jumbotron with a navbar and some basic grid columns.</p>
       </div>
     </div>
-  
+
 
   <h2>Navbars</h2>
   <p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/navbars/">
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/navbar-static/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/navbar-static.png,
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/navbar-fixed.png,
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/navbar-bottom.png,
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
     </div>
-  
+
 
   <h2>Experiments</h2>
   <p>Examples that focus on future-friendly features or techniques.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/floating-labels/">
         </a>
         <p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.3/examples/offcanvas/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.3/assets/img/examples/offcanvas.png,
         <p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
       </div>
     </div>
-  
+
 
 
 </main>
 
-    
+
 
     <footer class="bd-footer text-muted">
   <div class="container-fluid p-3 p-md-5">
index 3196207105bd5640434c0a14f3f894367288bea1..4e32f7b6dfc95394ef68d982d4b082fb6ebc073a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Approach</h1>
index d056e81436909cac826c356788258a7c6e68d3cf..4a66659e270a659c957dc9dc2d7043a6182e5ce4 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Icons</h1>
index 6efbf0911de8e109ece8b618c496f7ffbe22015d..cdf8894813f3b5b5f3a8b61a73c8ed8fa191c3c3 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
 <li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Accessibility</h1>
index 55ff2631b7eb70febd091415712512b060930cd2..054753e7febaac5fe89d5db474d747d6a4d46a74 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Best practices</h1>
index 70f8b9d4ed9ac4e7c40121e884c1df9bf9439b05..50696d972970d03047553b6a567a2365e8b5e134 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
 <li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Browsers and devices</h1>
index 75e07c3733d3dd0f32f8953b65911f80ac08d015..f98047cb0262274fe04e961e609ca9d289ac949a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
 <li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Build tools</h1>
index 6707a52253bfaf1949f4fd40359b88f474c04eca..761c21c83ecaa7a15728c1bc423360d3d7dafbf2 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
 <li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Contents</h1>
index a82e5323cb6b642dff8848cfe3a2811981f1923a..75b66f576bd6b81428255588e73cf3d83452d2af 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Download</h1>
index bc7a1b1920d0b0f3ad214a16159787465395f08b..a35ee0cfdf979c807c2cd28639f71f5c09a2bdec 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#quick-start">Quick start</a>
 <li class="toc-entry toc-h2"><a href="#community">Community</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Introduction</h1>
index 477969420dad80d94ee3218e5d4b565e7e1d7df4..241e1628b3a6f9edc276950b48d8e6bc570cfd24 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
 <li class="toc-entry toc-h2"><a href="#sanitizer">Sanitizer</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">JavaScript</h1>
index bee917c11c10d21bf06b0b7e2d5968a7b5f558da..495342225a8509cebce3d119e9932ca8ecde0e2b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Theming Bootstrap</h1>
 <p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code class="highlighter-rouge">scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
 
 <div class="row">
-  
-    
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-blue">Blue</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-indigo">Indigo</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-purple">Purple</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-pink">Pink</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-red">Red</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-orange">Orange</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-yellow">Yellow</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-green">Green</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-teal">Teal</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-cyan">Cyan</div>
     </div>
-    
-  
-    
-  
-    
-  
-    
-  
+
+
+
+
+
+
+
+
 </div>
 
 <p>Here’s how you can use these in your Sass:</p>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstraps’s <code class="highlighter-rouge">scss/_variables.scss</code> file.</p>
 
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-primary">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-secondary">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-success">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-danger">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-warning">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-info">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-light">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 swatch-dark">Dark</div>
     </div>
-  
+
 </div>
 
 <h3 id="grays">Grays</h3>
 
 <div class="row mb-3">
   <div class="col-md-4">
-    
+
       <div class="p-3 swatch-100">100</div>
-    
+
       <div class="p-3 swatch-200">200</div>
-    
+
       <div class="p-3 swatch-300">300</div>
-    
+
       <div class="p-3 swatch-400">400</div>
-    
+
       <div class="p-3 swatch-500">500</div>
-    
+
       <div class="p-3 swatch-600">600</div>
-    
+
       <div class="p-3 swatch-700">700</div>
-    
+
       <div class="p-3 swatch-800">800</div>
-    
+
       <div class="p-3 swatch-900">900</div>
-    
+
   </div>
 </div>
 
index 479551a63374dd28191c7edd139ff09b50af04b0..1351594e0b32b96e9e0791a84d58a083819a66fd 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Webpack</h1>
index 38df3d31528aee5b9495414ff5dbb52450b344fc..f64d50dc738b0d4ad71fa676c7e6a49a7b0b32d7 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Grid system</h1>
index bfeb16d10e214e9412c7c0016eff32cc9d528847..b2d43c66cef64552b8ea673ca729e6567742d5a5 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#containers">Containers</a></li>
 <li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overview</h1>
index f7395928ed85eff187d2e3adcf4303b0005cd20d..db1a64053802380fc81e95972e4798329766aea3 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#changing-display">Changing display</a></li>
 <li class="toc-entry toc-h2"><a href="#toggle-visibility">Toggle visibility</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Utilities for layout</h1>
index f431f710d8f4734cc2cf424acd13b368aa414d6e..a8abc72157dc2c9abfcdd20a023870845ded876f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Migrating to v4</h1>
index 717d6d9588da65978eb966a02dd46ee634ce6520..6512abee65f85f9ceb0e4b34e3eb3c2a0782f30f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#border">Border</a>
 <li class="toc-entry toc-h2"><a href="#sizes">Sizes</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Borders</h1>
index c5e31f14c23233b31f6f2b266ac923318932e717..2f00e76a7e36a0904fad56e8f9ad0c07586a6cce 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Clearfix</h1>
index 6f9cb67de64da57bdd59e4c9dc63be911490bd70..974d5515314ac85959b6451ec6e08f5b8e543aba 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Close icon</h1>
index 267c1e1d865352814e27b16bd688306622f8cc06..710fae49f552e007c7dc0ed29849f73a6e60d89d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#color">Color</a></li>
 <li class="toc-entry toc-h2"><a href="#background-gradient">Background gradient</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Colors</h1>
index 557bed404a935d043f84c4bdc88d107e37df0ca6..d84b830f582422f4154061a67d19f542ef09f934 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Display property</h1>
index b8383ae80ce02e244b83903d2a2a42eff07b9977..cb575f5ee90801cdf4ab62a19875d90b2bfcb6f4 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Embeds</h1>
index e0415ac4932e6989bd711e050e296c7c619fde10..01d3680ce3c8e388dd0aec2cde7c6da695ca1734 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
 <li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Flex</h1>
index 35dcc88f2d695cda13cb39f3351a857733af7e49..a48587fbb11fe9af4b12265b5c71d747ca7e6bf5 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Float</h1>
index dba127907f2dee53d41bf171e25d5813ccdcf4ce..a1b9c6d7c0102441743e7f71e27e83c560f1d128 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Image replacement</h1>
           <p class="bd-lead">Swap text for background images with the image replacement class.</p>
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
-          
+
 <div class="bd-callout bd-callout-warning">
 <h5 id="warning">Warning</h5>
 
index 62cc7fac8f8e2b04dcd9d0b2b608cc47b7304dff..de7a9f3e5c75d21488a44726801b5e88e00c3931 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overflow</h1>
index f8243552133884150785ff6242fb76f4501b119e..e69830ada9f3c34a37bdc3a68d79b5998acd728b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
 <li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Position</h1>
index c3b13da3f708b81f1e083d8ffd557aac011a9e6b..ce2052685c55131ef0d28ddd7a0d075e36049039 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Screen readers</h1>
index f2c2c7c63893821faf33b46131269f25e2b6e3da..9223d206a3d3bf7bc2667a3a8463ead420696e61 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Shadows</h1>
index 4defd0383588ecd1f00a0b8e00601dba63c22624..571d93413f05fab36d445e5c57054a68d8d02265 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#relative-to-the-parent">Relative to the parent</a></li>
 <li class="toc-entry toc-h2"><a href="#relative-to-the-viewport">Relative to the viewport</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Sizing</h1>
index 541598cfbe5796780046c079f4422381672991b9..d474ee1d4034bea8ac7966130edeb2393dd4618b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spacing</h1>
index c92ff981c0c13b9bff97646cfb2440022c21a4f2..438770215a54598e090622f1881c73f5b022a4f2 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Stretched link</h1>
index 509b19c4dc4802357c329d5778a7e45b259eb4ae..22e3cbebe0ffc0527aa1209b7ab9478581ecd9ff 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
 <li class="toc-entry toc-h2"><a href="#text-decoration">Text decoration</a></li>
 </ul>
           </div>
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Text</h1>
index 88c2375ddd66039f90d747c1c237fa4bdc8b90d1..e5ead236091b585b19f26b5a444cc15ed34a412e 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Vertical alignment</h1>
index 59e28a916cd6e70253df247a6b1230f4f9b98e0b..fe00a2b8f19682b70209f7cc73fc05cf3f4ffec5 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Visibility</h1>
index 0a065378132506411a57b816fb1ef32cccc62c1e..b13a660f8071de1bebca60a8b5b32896d2f00506 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
 <li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Brand guidelines</h1>
index d6d532beba41db8bd81e5dcdc7b3191fece46872..5f38e600c70e976f7af2be057ae75d21ca6965e1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">License FAQs</h1>
index 80b1a2f9088e916211cb54594233e821342dc454..7dcab66315139b2147a4c229d10758dc97b105e2 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">About</h1>
index 99ef0571bafdcdd45d72e692efba1759eb8ab8d6..7b49456858c2f53b8903078249c1eaa216d4198b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Team</h1>
           <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
 
 <div class="list-group mb-3">
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/mdo">
       <img src="https://github.com/mdo.png" alt="@mdo" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Mark Otto</strong> @mdo
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
       <img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Jacob Thornton</strong> @fat
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/cvrebert">
       <img src="https://github.com/cvrebert.png" alt="@cvrebert" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Chris Rebert</strong> @cvrebert
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
       <img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>XhmikosR</strong> @xhmikosr
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
       <img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Patrick H. Lauke</strong> @patrickhlauke
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
       <img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Gleb Mazovetskiy</strong> @glebm
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
       <img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Johann-S</strong> @johann-s
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/andresgalante">
       <img src="https://github.com/andresgalante.png" alt="@andresgalante" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Andres Galante</strong> @andresgalante
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
       <img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded mr-2" />
       <span>
         <strong>Martijn Cuppens</strong> @martijncuppens
       </span>
     </a>
-  
+
 </div>
 
 <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/v4.4.1/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
index feccd70e8bdeb97d89dacd6bd6f7ffb870f108af..2e4e87e38a3d08dd468685e3e12e480610f36dfe 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Translations</h1>
index f9fd37fa59a0589918ed73f4af14de63dd718901..a7a9c2f359bfc915b18b1f73d404244f78f4f4c7 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Wall of browser bugs</h1>
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (Windows)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (macOS &amp; Linux)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (macOS)
 </td>
     of
     <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>
 
-  
+
     &amp;
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Weird button behavior with some <code class="highlighter-rouge">&lt;input type="number"&gt;</code> elements.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18834768">Apple Safari Radar #18834768</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>,
+
+
+    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>,
 
-  
-    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>, 
 
-  
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Small font size when printing webpage with fixed-width <code class="highlighter-rouge">.container</code>.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19435018">Apple Safari Radar #19435018</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">transform: translate3d(0,0,0);</code> rendering bug.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18804973">Apple Safari Radar #18804973</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Text input’s cursor doesn’t move while scrolling the page.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18819624">Apple Safari Radar #18819624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Can’t move cursor to start of text after entering long string of text into <code class="highlighter-rouge">&lt;input type="text"&gt;</code></p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>,
+
 
-  
     <a href="https://openradar.appspot.com/22299624">Apple Safari Radar #22299624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="highlighter-rouge">display: block</code> causes text of temporal <code class="highlighter-rouge">&lt;input&gt;</code>s to become vertically misaligned</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19434878">Apple Safari Radar #19434878</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Tapping into an <code class="highlighter-rouge">&lt;input&gt;</code> within a <code class="highlighter-rouge">position:fixed</code> element scrolls to the top of the page</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24235301">Apple Safari Radar #24235301</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iPad Pro)
 </td>
       <td><p>Rendering of descendants of <code class="highlighter-rouge">position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24030853">Apple Safari Radar #24030853</a>
 
   </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
index eeee9c9e05b974a6e28c257758ba7bacbb25f67b..317c66f6504ac0f416c61c8a7597ee9a3885c882 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Alerts</h1>
index d314c3dd2af8f73907c1d27cddb5435d2d75a2db..ca44454cb5d052902d4cf3df4b517af7b8642af6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#links">Links</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Badges</h1>
index 62e1db597c88e119b971cb46ee6c52635e53fda9..3f7c931d47cfc93158f246283e0cefc5d5549428 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Breadcrumb</h1>
index d0c46f3dc3d998dbc4293519fc9c0960b26fdf7d..f4e99db20fc847b9a2c0f692143691471da2e7c3 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Button group</h1>
index 14b177f897c779961354537bc528ac3575da7590..9ece836dce95696950f54a8afc6686f406aeb0c7 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Buttons</h1>
index 3720de449e8aa22754f5a8a07d364d2098ee1542..ef0c5a472a374a2fd32b536a51581d989ce1ad60 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Cards</h1>
index 155ec30d2d91f3f097ae115ed2538f95bd087ca8..80c394426195bc34973d504211d92f32dd9b194a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Carousel</h1>
index 9de5df8b232405fdeb192cdd7109e0677a73dfe4..5d9629862ea5e9c2d018721a1c78d68ca4cc8b77 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Collapse</h1>
index b22eeb79cd12cc814c91b7f0256113ea6dace2aa..7ffdde833d58235cba62f29c1fc35c602ae1480b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Dropdowns</h1>
index f25322d05f3c3e94debba55c6cdabbd019a2979c..c014b4da5b9b554f32a807f781d32300f02f4deb 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Forms</h1>
index a43faa6b32f881b7837337e00106739e60090662..f5551b906cd25d00922ef1ff35c4bf1ac8bc4cb6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Input group</h1>
index 02991418690f1e007d11173caf4ee38bb9abcf88..3f4f8b3fd0d12ef7d128be7c67e1ef9bfe0410ac 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Jumbotron</h1>
index e5c180d31d5969f6b2a5d70fec0755689f8d3bae..c1db9c60c3c593de56814da1bff78ba7ba790e18 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">List group</h1>
 <ul class="list-group">
   <li class="list-group-item">Dapibus ac facilisis in</li>
 
-  
+
   <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
   <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
   <li class="list-group-item list-group-item-success">A simple success list group item</li>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/li&gt;</span>
 
-  
+
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/li&gt;</span>
 <div class="list-group">
   <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
 
-  
+
   <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/a&gt;</span>
 
-  
+
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/a&gt;</span>
index 2e937a619a4c0617393e1d7defeed337c11b73c2..d419a3807bca0c8e3bb7096fe627e5e8fbfba441 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Media object</h1>
index cd9def3f900cd82d6afe1af4679288b33335d1f8..b80ffd6dabdbb05a944d11ad1eb9e717cf61182c 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Modal</h1>
index 3f8cf3f3cf84a8f595aba4583541af922ef2c1e5..a400fb6c3f2a51a4151cdf9901df918a94e40daa 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navbar</h1>
index 2f514b86ffc5026fbf6a23172e96ca19f10e46c4..8e94f23071f8a1a1f9da73812de407735a50b265 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Navs</h1>
index 6b36f5bbf2ba7e3e5e20cf90b60b9a193365d9a0..15590cd03ee272746f9b3dd484b081f0558f9267 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Pagination</h1>
index db9f36c389f59ca96536fe8546385645a37bc585..aa38f4689898cf88e2fe87ca8d81675173bbac6d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Popovers</h1>
index cdd18d1cf2f2d318a4e29783af5e280e774561e1..6b4839fa498ee9ac5173257494ccad25b01ec53d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Progress</h1>
index 0ec98331e411e56a66f95f024257b30fc282953c..fa1c5a1f47cf7e9a536d2202d41e6b73236fd9b1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Scrollspy</h1>
index 705a86e274869fc37d274ba3b7efd2800cb3e2a6..4f116a875d067fc89fc14421a387667e21bc5a1e 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#buttons">Buttons</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spinners</h1>
index 68f13f1917bf0be1039e32ca89deed5ca23248b3..fc32b69c3dfe2e82654724a09d81529bd4f0dc38 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Toasts</h1>
index 1307e003a25c65e34b06f97419af34caef125ef0..125d447506a9d1fb478a8be2756655cca7c1378c 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tooltips</h1>
index 10b90598759eadfe4cae23fd2a3e5017fe770c82..171c239e1d30e1a7bb08e4dd121e28d08b26ccc0 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
 <li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Code</h1>
index a80942735686bebd27c2672be8c3dd627d5f857b..86d9ef60cd0a92daa9e66d3f85084867d8db3759 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Figures</h1>
index c50bef2e3cbc3ebbca9cae332ecc4915a88d9e43..bdf7b5ec5568ed19a1980283a1b348a27a90221f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
 <li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Images</h1>
index 9af58cbd4aff2d207d353b5590c167e762eeb763..9dfa710e2e8c5bb679025b362c7ef0f88bdad6de 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
 <li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Reboot</h1>
index 9abc259de0ed640371e35aefefa46367a6dce565..1393bef9df7f157c782f8191da5e961ece5dbcfe 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Tables</h1>
         <td>Cell</td>
       </tr>
 
-      
+
       <tr class="table-primary">
         <th scope="row">Primary</th>
         <td>Cell</td>
 <span class="c">&lt;!-- On cells (`td` or `th`) --&gt;</span>
 <span class="nt">&lt;tr&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
-  
+
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
index 504d3304c00674dc61ad9c9ddd3833a00faf37d6..a46c0a903b47886db222bdafca9eebf81138b416 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive-font-sizes">Responsive font sizes</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Typography</h1>
index 59c20f154aeb45aa3e11cf45ec2ee0be19b89bfa..d680e14633616cbd054e0306b7426e8018be8493 100644 (file)
@@ -50,6 +50,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
       <header class="d-flex flex-column flex-md-row align-items-md-center p-5 bg-light">
   <div class="pt-md-3 pb-md-4">
     <h1 class="bd-title mt-0">Examples</h1>
 </header>
 
 <main class="bd-content p-5" id="content" role="main">
-  
+
   <h2>Custom components</h2>
   <p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/album/">
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/pricing/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/pricing.png,
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/checkout/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/checkout.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/product/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/product.png,
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/cover/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/cover.png,
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/carousel/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/carousel.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/blog/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/blog.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/dashboard/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/dashboard.png,
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/sign-in/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/sign-in.png,
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/sticky-footer.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/sticky-footer-navbar.png,
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
     </div>
-  
+
 
   <h2>Framework</h2>
   <p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/starter-template/">
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/grid/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/grid.png,
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/jumbotron/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/jumbotron.png,
         <p class="text-muted">Build around the jumbotron with a navbar and some basic grid columns.</p>
       </div>
     </div>
-  
+
 
   <h2>Navbars</h2>
   <p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/navbars/">
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/navbar-static/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/navbar-static.png,
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/navbar-fixed.png,
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/navbar-bottom.png,
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
     </div>
-  
+
 
   <h2>Experiments</h2>
   <p>Examples that focus on future-friendly features or techniques.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/floating-labels/">
         </a>
         <p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.4/examples/offcanvas/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.4/assets/img/examples/offcanvas.png,
         <p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
       </div>
     </div>
-  
+
 
 
 </main>
 
-    
+
 
     <footer class="bd-footer text-muted">
   <div class="container-fluid p-3 p-md-5">
index bd6b951133402317f2bb9a0c535c8abc1e05ee09..f8269455a673d3ce244e3dd4e6210f8f217d0a48 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Approach</h1>
index 137b25aa51b4b8c3931a95127dc350eeb55bc25d..df0325b329a8e2b3f32a4f261a42fea1606af6e6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Icons</h1>
index 03aec2325e2adcca055410c1b9b4b712684ace17..61dcffa655b37ca506fd2d4259a47e6552c7148b 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
 <li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Accessibility</h1>
index 69e7fce65f6eb1fbf7771cc3494c804fb7697c9b..389d54208c5e96a3e72c2f62d2cc1136977e1ca1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Best practices</h1>
index 0afa59c35f60baaaa4cd25a915ec4c35f6d94b5b..de5ad583ad58c32e426df91bffbfb7d264ac27ef 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
 <li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Browsers and devices</h1>
index 0eea7b1683a8da8a1af23cae808b4cacb1d67fc9..cd92bb0f354fe2ed71507490c3b843846cbdee4d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
 <li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Build tools</h1>
index fca222b4a0325d291968cd09505b17a947414284..9a288af6cd8906beb9ffbb1a38508efd863b54cd 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
 <li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Contents</h1>
index 20ece9128444886e89cf9f08c2ba06be68442a9c..14720796250f8d659a44368304cc60e89c1b8003 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Download</h1>
index a45e90026eb33546b6db41049842100b4053c0f5..33103d240fc835f7dbb1d3b9ab8b7b9b7a973b10 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#quick-start">Quick start</a>
 <li class="toc-entry toc-h2"><a href="#community">Community</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Introduction</h1>
index 345b529df9e560bca8acc4d7d40be74424d75fdf..65f1d1d4671552d85218ce10c05687e84c86659d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
 <li class="toc-entry toc-h2"><a href="#sanitizer">Sanitizer</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">JavaScript</h1>
index 11160684ea6049ec595a502f7c1bec881e7d557a..449fb0677979b004c9181f77d6dc70eeac8558f2 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Theming Bootstrap</h1>
 <p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code class="highlighter-rouge">scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
 
 <div class="row">
-  
-    
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-blue">Blue</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-indigo">Indigo</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-purple">Purple</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-pink">Pink</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-red">Red</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-orange">Orange</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-yellow">Yellow</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-green">Green</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-teal">Teal</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-cyan">Cyan</div>
     </div>
-    
-  
-    
-  
-    
-  
-    
-  
+
+
+
+
+
+
+
+
 </div>
 
 <p>Here’s how you can use these in your Sass:</p>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstrap’s <code class="highlighter-rouge">scss/_variables.scss</code> file.</p>
 
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-primary text-white">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-secondary text-white">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-success text-white">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-danger text-white">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-warning text-dark">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-info text-white">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-light text-dark">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-dark text-white">Dark</div>
     </div>
-  
+
 </div>
 
 <h3 id="grays">Grays</h3>
 
 <div class="row mb-3">
   <div class="col-md-4">
-    
+
       <div class="p-3 swatch-100">100</div>
-    
+
       <div class="p-3 swatch-200">200</div>
-    
+
       <div class="p-3 swatch-300">300</div>
-    
+
       <div class="p-3 swatch-400">400</div>
-    
+
       <div class="p-3 swatch-500">500</div>
-    
+
       <div class="p-3 swatch-600">600</div>
-    
+
       <div class="p-3 swatch-700">700</div>
-    
+
       <div class="p-3 swatch-800">800</div>
-    
+
       <div class="p-3 swatch-900">900</div>
-    
+
   </div>
 </div>
 
index 76930ba275b94e92ce7ffb1665efb6c95353071f..593dde80a680d4769960a7f39aa0249a2b2b7cdf 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Webpack</h1>
index d3f16137ac08944a7848aadb87454a75748525f5..ab22676e902e5461875bc8c023c10ca2b03c5650 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Grid system</h1>
index 8d1625ada7f9e0e700837e91cc8c1d451db22665..3cd403ba5fdd52956e58c9ea995e215b727ae550 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#containers">Containers</a>
 <li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overview</h1>
index 706b69991c367f8cdbcbcf3082f3c960f0e851c7..313c6097ef21f178405156f728394d65e24071a1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#changing-display">Changing display</a></li>
 <li class="toc-entry toc-h2"><a href="#toggle-visibility">Toggle visibility</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Utilities for layout</h1>
index 8bc49a39b4394d62a1b2adb5541b5f33a6a9db40..37fe770b8ef5c349630506f708d8d32e633bf369 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Migrating to v4</h1>
index 86b08dbb146323e7b0c9cd3c9ff01b45564cda3f..3e16feb557a77068da0304b5831ec5d77d09c2dc 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#border">Border</a>
 <li class="toc-entry toc-h2"><a href="#sizes">Sizes</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Borders</h1>
index 1e556934f4c72915375845c52d876e89135872ce..51705a371fe491d4b907966e0606264e75c35063 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Clearfix</h1>
index 7046ec8ffc914a3e3ede6aad97e51359989a6716..4bcbaf6723410cc4987b2afebf2c9ed0a8b65c27 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Close icon</h1>
index 82c2bbf08d96e0ed9e17a6fb51503996b2d40bf7..24f16a0c4372c90409a954571dbb8c4fe930105d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#color">Color</a></li>
 <li class="toc-entry toc-h2"><a href="#background-gradient">Background gradient</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Colors</h1>
index e84ef56f5a931b80c69e8ce481e31451f9b6aede..d158f1ac3b9723f5b42587f807e037ce13efed3a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Display property</h1>
index ff743543f2fbae9b1a7031afa9ebcc1db20fc8aa..eaa7f1749d472d1afda19caf3a8008796dcc6b87 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Embeds</h1>
index 5e48b5ccbb086b7a1ced06ae1c58c23e9023d55f..2334400cea9b68f70a046979492b2c570303d7a0 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
 <li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Flex</h1>
index 799fb7178ca62f9e90a22909c66dd5dcc4887258..73cfa6012bf847fa025d98dec4c451c31dcce103 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Float</h1>
index 4daaefb7c8697a4f9d413180c2b8b432e395b8c0..bf64d5d61dfe1ed275ecb368b1feb592fc03cb22 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Image replacement</h1>
           <p class="bd-lead">Swap text for background images with the image replacement class.</p>
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
-          
+
 <div class="bd-callout bd-callout-warning">
 <h5 id="warning">Warning</h5>
 
index 1cc00212824aab00d4f4163c87fd6839a5cf5b32..fd3159b122aa6678cce42c7a4a1cd23b2a5a2453 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Overflow</h1>
index 85f25024bf2752b8848f4437ac9f518d3c946bd6..5be8d1ca22a088c36d4a6f4bd9c05acbd22e613e 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
 <li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Position</h1>
index 474fbec5910be229101531638d58ecc60a7b53f5..43fd9387e032138ad5a621316f4bf4022d08e769 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Screen readers</h1>
index b744a70ea5df31ec64402850734bc716e5ebb3c2..b37fcf6aad0a15bbd2961f846c56ecbac679e2da 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Shadows</h1>
index 8eced05c5913b2af0f563d9fa79b541ca9ec6e97..ff9188c3b634ee43b454cda90db428de470d5855 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#relative-to-the-parent">Relative to the parent</a></li>
 <li class="toc-entry toc-h2"><a href="#relative-to-the-viewport">Relative to the viewport</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Sizing</h1>
index 257c673fabea83c37b9692dda9c4537bf13a659e..48560a166580795768f68f1d91ab58f0cb1b377f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Spacing</h1>
index 327a3fe2ef5fea844385dc66506f926629a2027b..a766ec2fdc7a7514c5fe5677474416b2c4fe7fbd 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Stretched link</h1>
index 3fcce01323764a04c42adea2e434584bd31b3c32..abd322f674c92ebbfc03aaf78c36504acf80f9a1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
 <li class="toc-entry toc-h2"><a href="#text-decoration">Text decoration</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Text</h1>
index 6e16c8298bf5e3ae314914caf2fc81c16959cada..4a670a39cce9ba877976f455c3bd4e241c84d45d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Vertical alignment</h1>
index e1305429f43156c78b2df4f146992958caf63064..4f96aaae79044a7810f06b4c26f713ed19e1c9c7 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <h1 class="bd-title" id="content">Visibility</h1>
index 354fb34441d9277d4678d305b3d94a4c5079285b..d42ef920d4bfe61ca9066fc4ba1c3c54acf017c8 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#mark-and-logo">Mark and logo</a></li>
 <li class="toc-entry toc-h2"><a href="#colors">Colors</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index ec34e222db47805bc2714cbaf83cf352c9b1de43..bc3950ab0668c54ddcf00c3e43726b575e5af11d 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 9b49f6bd508432078f470fecbf94ee4e64eeb69f..2842022d42a32b61b9f4a7606bfc59618db6b746 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index a28553d299980caeab4631fbe7a3bb317655d692..b3c77741e34edab56febe63a71769d7f1e9c91c2 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
           <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
 
 <div class="list-group mb-3">
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/mdo">
       <img src="https://github.com/mdo.png" alt="@mdo" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Mark Otto</strong> @mdo
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
       <img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Jacob Thornton</strong> @fat
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/cvrebert">
       <img src="https://github.com/cvrebert.png" alt="@cvrebert" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Chris Rebert</strong> @cvrebert
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
       <img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>XhmikosR</strong> @xhmikosr
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
       <img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Patrick H. Lauke</strong> @patrickhlauke
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
       <img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Gleb Mazovetskiy</strong> @glebm
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
       <img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Johann-S</strong> @johann-s
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/andresgalante">
       <img src="https://github.com/andresgalante.png" alt="@andresgalante" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Andres Galante</strong> @andresgalante
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
       <img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Martijn Cuppens</strong> @martijncuppens
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/ysds">
       <img src="https://github.com/ysds.png" alt="@ysds" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Shohei Yoshida</strong> @ysds
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/ffoodd">
       <img src="https://github.com/ffoodd.png" alt="@ffoodd" width="32" height="32" class="rounded mr-2" loading="lazy" />
       <span>
         <strong>Gaël Poupard</strong> @ffoodd
       </span>
     </a>
-  
+
 </div>
 
 <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/v4.5.3/.github/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
index 5a673fa8466eaf7fee8fe34d70f8d93e4a2168b2..a01ddcbf8ae0dd793725da5e4f08cd7f4c110555 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 696d7858a74022fbe8c5d966fa4d18830a8e3266..958f55221371416371526e83c5d8c9d6cf70f216 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
           <p class="bd-lead"></p>
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
-          
+
 <div class="bd-callout bd-callout-danger">
 <h5 id="outdated-content">Outdated content</h5>
 
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (Windows)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox (macOS &amp; Linux)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome (macOS)
 </td>
     of
     <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>
 
-  
+
     &amp;
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/17438">#17438</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/14237">#14237</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Weird button behavior with some <code class="language-plaintext highlighter-rouge">&lt;input type="number"&gt;</code> elements.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=137269">WebKit bug #137269</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18834768">Apple Safari Radar #18834768</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/8350">#8350</a>,
+
+
+    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>,
 
-  
-    <a href="https://github.com/necolas/normalize.css/issues/283">Normalize #283</a>, 
 
-  
     <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=337668">Chromium issue #337668</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (macOS)
 </td>
       <td><p>Small font size when printing webpage with fixed-width <code class="language-plaintext highlighter-rouge">.container</code>.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19435018">Apple Safari Radar #19435018</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="language-plaintext highlighter-rouge">transform: translate3d(0,0,0);</code> rendering bug.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138162">WebKit bug #138162</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18804973">Apple Safari Radar #18804973</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Text input’s cursor doesn’t move while scrolling the page.</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=138201">WebKit bug #138201</a>,
+
 
-  
     <a href="https://openradar.appspot.com/18819624">Apple Safari Radar #18819624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Can’t move cursor to start of text after entering long string of text into <code class="language-plaintext highlighter-rouge">&lt;input type="text"&gt;</code></p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=148061">WebKit bug #148061</a>,
+
 
-  
     <a href="https://openradar.appspot.com/22299624">Apple Safari Radar #22299624</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p><code class="language-plaintext highlighter-rouge">display: block</code> causes text of temporal <code class="language-plaintext highlighter-rouge">&lt;input&gt;</code>s to become vertically misaligned</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=139848">WebKit bug #139848</a>,
+
 
-  
     <a href="https://openradar.appspot.com/19434878">Apple Safari Radar #19434878</a>
 
   </td>
       <td>
-    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>, 
+    <a href="https://github.com/twbs/bootstrap/issues/11266">#11266</a>,
+
 
-  
     <a href="https://github.com/twbs/bootstrap/issues/13098">#13098</a>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
       <td><p>Tapping into an <code class="language-plaintext highlighter-rouge">&lt;input&gt;</code> within a <code class="language-plaintext highlighter-rouge">position:fixed</code> element scrolls to the top of the page</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=153224">WebKit bug #153224</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24235301">Apple Safari Radar #24235301</a>
 
   </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iOS)
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari (iPad Pro)
 </td>
       <td><p>Rendering of descendants of <code class="language-plaintext highlighter-rouge">position: fixed</code> element gets clipped on iPad Pro in Landscape orientation</p>
 </td>
       <td>
-    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>, 
+    <a href="https://bugs.webkit.org/show_bug.cgi?id=152637">WebKit bug #152637</a>,
+
 
-  
     <a href="https://openradar.appspot.com/24030853">Apple Safari Radar #24030853</a>
 
   </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
     </tr>
   </thead>
   <tbody>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Edge
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Firefox
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Chrome
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
     <tr>
       <td>Safari
 </td>
 
   </td>
     </tr>
-    
+
   </tbody>
 </table>
 
index fcc86f904c1030e53fe62c8cfb895fe0151fec1b..c712d42dad7a8edbed2db768bac30e227db9c55b 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 9ed513904c31dd7e05b219254c8f6ae1ea9bd7cb..3ab96091bfd2d12b8f6ea055937b099e78a42014 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#links">Links</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index b23b4680ea8ac1021dbd5cb515215ce839dbe173..770da51a9587221ee70535c812e5080c30f12f7f 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index bb2c8d299420160bfcaa01593437a0f058123530..9bedf605e18f2c1fffb390279d50744b37666349 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#vertical-variation">Vertical variation</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 943027ac201cb30d5ec134e9a825391ed0d83c26..b4bc13bfbe64b08a84b973ae7b26c3809d7617ae 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 93a43728123f37b5df4ddb761542655c327d0950..65e684cb35461fa4c1c54c7341ac40e5a110517f 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 52224d2864b89dccc584228a3554da142f478857..0a24cb20bcc6ce1450ee5c6547d8869af6e02387 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 11f385cb07818ef53530ed12d8f1addbcf6f1cd2..fab8680d5a41a856132c4188a8bffd6f6f23bbd4 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index dab52bc389a7ba0b42f89574de70e9491bb95095..2290f0689d413a84b8b72ef5507d45cbf71da6ec 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index d1a5b0fc1f4e82df6d522eb76cce84b47884274d..3b55984daed27311a516c8112cadb8638badc69a 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index a398babb071f100b2486ce619466e12e3139c23a..b1807f2ff7e21d912924992986089c9e2eaad45e 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 <li class="toc-entry toc-h2"><a href="#accessibility">Accessibility</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 38a52f48d5c89bc33b4a0e93e8a78aaac89f176f..a86dff274b08476e8994cac1651f721933e2106d 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index b587daa86762b21c9b31adf4c9f365a22d4bec98..08b880382070dc899f5f13750ff43d3980ea6308 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#basic-example">Basic example</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
 <ul class="list-group">
   <li class="list-group-item">Dapibus ac facilisis in</li>
 
-  
+
   <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
   <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
   <li class="list-group-item list-group-item-success">A simple success list group item</li>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;ul</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/li&gt;</span>
 
-  
+
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/li&gt;</span>
   <span class="nt">&lt;li</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/li&gt;</span>
 <div class="list-group">
   <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
 
-  
+
   <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
   <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
 <figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"list-group"</span><span class="nt">&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action"</span><span class="nt">&gt;</span>Dapibus ac facilisis in<span class="nt">&lt;/a&gt;</span>
 
-  
+
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-primary"</span><span class="nt">&gt;</span>A simple primary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-secondary"</span><span class="nt">&gt;</span>A simple secondary list group item<span class="nt">&lt;/a&gt;</span>
   <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"list-group-item list-group-item-action list-group-item-success"</span><span class="nt">&gt;</span>A simple success list group item<span class="nt">&lt;/a&gt;</span>
index 9453bf871ab7b482e3d99513a72c65471eb68c58..bd0085952341cde859eb44eb0302859b18133120 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#example">Example</a></li>
 <li class="toc-entry toc-h2"><a href="#media-list">Media list</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index dd8abce5c9de8e7d5dd73cd4b239457d0b3dcc7f..67a3a71615ca385eaf8cf89423445c01c375f12b 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 2069973cf2077e8a5ec35c1fc92166d4fefc7b20..b41035dbdaf3311a4b5aec2ed7d0cf7794bbae74 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 34578400c11a4775f4600a4f3d71a42211c458ec..91b38708be9bc5a3955609b00e77da8073c771de 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#base-nav">Base nav</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5bf6d5401ed1461186c87a1125106c1d6c66f3a7..37e0c8d172c8cec07954bd6e266137eed0731f2c 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#alignment">Alignment</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5cf961926eb346df38a19b8cb3c4574b1d616ad7..4fde5f208f72ebddcee5d5f0540668d81b131fd0 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 0211521f32aec3d2c41d37b0c2ca4fcd53a053c5..bea1753d8d6aa4dbe699057da63fe1786c6cad1e 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#animated-stripes">Animated stripes</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 7bfec748242ba84b81907273eeac40d42eda252a..ff312fcd5a8def8095fb4409e51d58b90d95d6a6 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 77ea28acdd7b3e4024e43d623bc9c17b64b5d4c6..00d7d4b139cf09b105ff01bdfe9a1925f8f9ae5e 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#buttons">Buttons</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 257095c6d036bc4746b06d523bcf41aa6387243f..81993223ddbb7fd6e763efdb9e43c66467ac14ea 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index b3ba4b6832de72429271f47c68ed23ad9405c729..422886c413a0f9b5cf578477d2bac03cea1af987 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 7b807438ea842552ba2ab958e61d9b24d35ebebe..a792c73ffec63ff114e652ab4418ab7e46d2c098 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#inline-code">Inline code</a></li>
 <li class="toc-entry toc-h2"><a href="#sample-output">Sample output</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index ccb4cfd4e4b706c24ba9e5ce8d63460912f6967a..f7614c1b528def9262af5c4b4d41e22abf6329d2 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5e61661b5238fbdc3e5ef9f0f23f3d7d52a45fc4..c4c4618121b7a72d2489373a624d827155482aaa 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#responsive-images">Responsive images</a></li>
 <li class="toc-entry toc-h2"><a href="#picture">Picture</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index c2f2d51eb194f226d216077609835f5919091902..b7bc81655b62db7676be395e4340469ce4b3f6a5 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#approach">Approach</a></li>
 <li class="toc-entry toc-h2"><a href="#html5-hidden-attribute">HTML5 [hidden] attribute</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index e5ca38a3a094c2fd51f1d7059063b0d3687ef963..06cbf5f73e1c94f1634ef74cd1a46dd3526bd2bd 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#examples">Examples</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
         <td>Cell</td>
       </tr>
 
-      
+
       <tr class="table-primary">
         <th scope="row">Primary</th>
         <td>Cell</td>
 <span class="c">&lt;!-- On cells (`td` or `th`) --&gt;</span>
 <span class="nt">&lt;tr&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-active"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
-  
+
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-primary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-secondary"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
   <span class="nt">&lt;td</span> <span class="na">class=</span><span class="s">"table-success"</span><span class="nt">&gt;</span>...<span class="nt">&lt;/td&gt;</span>
index f6f20debd6ca7e3da0da47c999b32541748b60a2..e8ac26297743db23ee5db34fe3f23c69b6ee2be8 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#global-settings">Global settings</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive-font-sizes">Responsive font sizes</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 883c90b9febf502daa8bdf450acbd77b9aca9a38..dc537a0ef0501f0c0bf3ea5b1b53e266b4c3976b 100644 (file)
@@ -49,6 +49,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
       <header class="d-flex flex-column flex-md-row align-items-md-center p-5 bg-light">
   <div class="pt-md-3 pb-md-4">
     <h1 class="bd-title mt-0">Examples</h1>
 </header>
 
 <main class="bd-content p-5" id="content" role="main">
-  
+
   <h2>Custom components</h2>
   <p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/album/">
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/pricing/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/pricing.png,
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/checkout/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/checkout.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/product/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/product.png,
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/cover/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/cover.png,
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/carousel/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/carousel.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/blog/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/blog.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/dashboard/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/dashboard.png,
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/sign-in/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/sign-in.png,
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/sticky-footer.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/sticky-footer-navbar.png,
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
     </div>
-  
+
 
   <h2>Framework</h2>
   <p>Examples that focus on implementing uses of built-in components provided by Bootstrap.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/starter-template/">
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/grid/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/grid.png,
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/jumbotron/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/jumbotron.png,
         <p class="text-muted">Build around the jumbotron with a navbar and some basic grid columns.</p>
       </div>
     </div>
-  
+
 
   <h2>Navbars</h2>
   <p>Taking the default navbar component and showing how it can be moved, placed, and extended.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/navbars/">
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/navbar-static/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/navbar-static.png,
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/navbar-fixed.png,
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/navbar-bottom.png,
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
     </div>
-  
+
 
   <h2>Experiments</h2>
   <p>Examples that focus on future-friendly features or techniques.</p>
-  
+
     <div class="row">
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/floating-labels/">
         </a>
         <p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
       </div>
-    
-  
-    
+
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.5/examples/offcanvas/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.5/assets/img/examples/offcanvas.png,
         <p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
       </div>
     </div>
-  
+
 
 
 <hr class="my-5">
 
 </main>
 
-    
+
 
     <footer class="bd-footer text-muted">
   <div class="container-fluid p-3 p-md-5">
index 874a15c04011cfba598e5d19b34599791a089f7c..6b3e5aa70b09c1f9356590198a4057f7522b3638 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 6e291427865cbafc2daefb8f7e19fab2d79c86e1..0964630bf0ed72484fd38ffb376c67be9563b726 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 16cecbfb814447da969befa41806cbdc30f515e5..bc34ec05e8586027827aadb50f6b9c71015cf314 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview-and-limitations">Overview and Limitations</a>
 <li class="toc-entry toc-h2"><a href="#additional-resources">Additional resources</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 249fbb11ded7f78733544814533788d229c7f40f..79de9034ca761f3815670b92d95119ce4555f954 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index ce83ab36e2aedb0f1c18d52213dd55d3a0120c18..1b175f9300303cf1252837bec160a97b9e601d24 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#supported-browsers">Supported browsers</a>
 <li class="toc-entry toc-h2"><a href="#validators">Validators</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 00e666d3fb23cfba6425d605c2a50e9524a9ba00..5a5b34d09bf1a80d0fdaad20dca67d61d7a00c44 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#tooling-setup">Tooling setup</a></li>
 <li class="toc-entry toc-h2"><a href="#troubleshooting">Troubleshooting</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 60a95f9644303d084f6f5f47a5eeede2683f8de0..bee426056bf131f239b055bf8ca70e62cb2b594d 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#precompiled-bootstrap">Precompiled Bootstrap</a></li>
 <li class="toc-entry toc-h2"><a href="#bootstrap-source-code">Bootstrap source code</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 05e7c7f9d7d03b2557b2c8cc4fcfaf8594cb7318..c25f29bea606f7475997315298956f639f92f7de 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#compiled-css-and-js">Compiled CSS and JS</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 93d485bdd23152aaeb9f57fc9acd77654031c112..7c2ed7f13574fae38a7c59336c088ea1d43fe43d 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#quick-start">Quick start</a>
 <li class="toc-entry toc-h2"><a href="#community">Community</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 8a1c75399dc0a069b1728d5af1189a7d9f08207f..294eb3af8e26596416579fc2c0a600de65912b99 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#individual-or-compiled">Individual or compiled</a></li>
 <li class="toc-entry toc-h2"><a href="#sanitizer">Sanitizer</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 183177901493df68dfd2ba9160640c18080df3ee..71f0072232b919448106bbc8185c50af26f08ae3 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#introduction">Introduction</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
 <p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code class="language-plaintext highlighter-rouge">scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
 
 <div class="row">
-  
-    
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-blue">Blue</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-indigo">Indigo</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-purple">Purple</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-pink">Pink</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-red">Red</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-orange">Orange</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-yellow">Yellow</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-green">Green</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-teal">Teal</div>
     </div>
-    
-  
-    
+
+
+
     <div class="col-md-4">
         <div class="p-3 mb-3 swatch-cyan">Cyan</div>
     </div>
-    
-  
-    
-  
-    
-  
-    
-  
+
+
+
+
+
+
+
+
 </div>
 
 <p>Here’s how you can use these in your Sass:</p>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstrap’s <code class="language-plaintext highlighter-rouge">scss/_variables.scss</code> file.</p>
 
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-primary text-white">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-secondary text-white">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-success text-white">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-danger text-white">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-warning text-dark">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-info text-white">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-light text-dark">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-dark text-white">Dark</div>
     </div>
-  
+
 </div>
 
 <h3 id="grays">Grays</h3>
 
 <div class="row mb-3">
   <div class="col-md-4">
-    
+
       <div class="p-3 swatch-100">100</div>
-    
+
       <div class="p-3 swatch-200">200</div>
-    
+
       <div class="p-3 swatch-300">300</div>
-    
+
       <div class="p-3 swatch-400">400</div>
-    
+
       <div class="p-3 swatch-500">500</div>
-    
+
       <div class="p-3 swatch-600">600</div>
-    
+
       <div class="p-3 swatch-700">700</div>
-    
+
       <div class="p-3 swatch-800">800</div>
-    
+
       <div class="p-3 swatch-900">900</div>
-    
+
   </div>
 </div>
 
index 6707f0caf419960d65273d511afaa22cdeaa7aa0..5323d6fbe213ef4cd1613fa4ad5518e4cb502971 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#installing-bootstrap">Installing Bootstrap</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index f1d5da0e830610be5661d9734632f503fd22fb87..c4f94be9f1082e2ed113e9656bf8f9ba613740aa 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index d6ed14b747bbd8e218535eaa9324c05388696162..bdebf4560aa4c18f0e581ee2e8251c0b7a7698a5 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#containers">Containers</a>
 <li class="toc-entry toc-h2"><a href="#z-index">Z-index</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 063d411256a91301d64f1ea4ce2a96a98810ad1a..d2a0d3ef1572d6c4be8fda29dded8b0f22b0b32a 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#changing-display">Changing display</a></li>
 <li class="toc-entry toc-h2"><a href="#toggle-visibility">Toggle visibility</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 7553568040b656da23c82347843a55a050c19a9f..e4b6171c2813da20a6a6dfe60d499b0a1b711b05 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#stable-changes">Stable changes</a>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 3352e3ee1501f05f63a365c16df5ae0c3ae641ef..ba36bc0b1ca5e32244e3667771f7980b903e4bff 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#border">Border</a>
 <li class="toc-entry toc-h2"><a href="#sizes">Sizes</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 0abbe1f5129aaae2218bba006a3f80fb607df0d6..0e04e1cfa1ae4bea6d771b2a61b90e751947e23d 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 911cb235051e423246dfb587a139796237e74ddf..6506c4d60f509155f6c674a6dc9dca58b1f51691 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index f7e73e145dab39dfab98f2a0d107b6a0b55cb5e5..9251bb06ed8110f610ffd071d087b597d9c05fa9 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#color">Color</a></li>
 <li class="toc-entry toc-h2"><a href="#background-gradient">Background gradient</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
           <p class="bd-lead">Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.</p>
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
-          
+
 <div class="bd-callout bd-callout-info">
 <h4 id="dealing-with-specificity">Dealing with specificity</h4>
 
index 4293f6610179527a356bf7ea5f7f495783714880..aec79ae61982f4aa959cc69552b8b5cb7c959494 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 <li class="toc-entry toc-h2"><a href="#display-in-print">Display in print</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index ae4fea7d2ed82d2eeb77ea439e98515c0d5d5bc1..7e72a65fb9b250e4440b04a7c55865a491a3c600 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#about">About</a></li>
 <li class="toc-entry toc-h2"><a href="#aspect-ratios">Aspect ratios</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5a7eefeb6160d5bfdcc5cda7caac90881c743d64..038adce3be48332b2e5e4d39647760f3adc956e7 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#enable-flex-behaviors">Enable flex behaviors</a></li>
 <li class="toc-entry toc-h2"><a href="#align-content">Align content</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 0b924e5a09660f0d1415336b4471391704e2798e..e28a58edce0612ce8df639c946338e81e77fbfa3 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#overview">Overview</a></li>
 <li class="toc-entry toc-h2"><a href="#responsive">Responsive</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 2d12d0acfec9e066c6f25985abb3184d2396031f..b881efe690ebfdfe094219b61eb9a4f0e333f8a5 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
           <p class="bd-lead">Swap text for background images with the image replacement class.</p>
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
-          
+
 <div class="bd-callout bd-callout-warning">
 <h5 id="warning">Warning</h5>
 
index 969aeba7a419c5b6d31fc622d31feedb04e667a1..56c6d2294a9ed9e57ed9437e771103667a674636 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index a3e42ce8c9bf6e8ba0689f85dfe8bc71cbc5acd0..eca4e8ec8a8ec832f394b651e8481d40f38d81ab 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 4da96e3d832ed8f3aaab5fb7672f2ce076fd093c..cef9cb4d55b5cc7bddfdd48353c674f9bfb18724 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#common-values">Common values</a></li>
 <li class="toc-entry toc-h2"><a href="#sticky-top">Sticky top</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 7c2b07b0dbbbd04da238a9f51f2279ebd6034e27..414aa19ded752f07f3991192545dc8b4d13aa707 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 450abf9def54d85c8428f9a25e7a38c96446966a..ea661e48af82fd3ba6b7bd7d6ac514d2a41197a6 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 818639227160bab784c50b8411f0ec95178cb1c5..e93064868eb45ff19a04949db67284b00e864a14 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#relative-to-the-parent">Relative to the parent</a></li>
 <li class="toc-entry toc-h2"><a href="#relative-to-the-viewport">Relative to the viewport</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index aea05a1dcbc174ede8baf891db3b6a100730dca5..a31651eeff1a59db655f820412628e5cc4d20849 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#how-it-works">How it works</a></li>
 </li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 95c3624e956a1ed10f1f8488e1c45dd18acba753..98abdfb56852b304597e3d61087bf8aec1ce0369 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index ead6b096eaf90f60031f49ee2a12fd4d6220fb28..877803944f671dff09c39602c2d1fc42f7115d5a 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <ul class="section-nav">
 <li class="toc-entry toc-h2"><a href="#text-alignment">Text alignment</a></li>
 <li class="toc-entry toc-h2"><a href="#text-decoration">Text decoration</a></li>
 </ul>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index a4154aa7c4d43af818bde1c2e4476b7699b7aed0..fd324b6e53fd47670746eb40e2839afdddcc3553 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index a13f7696d11423eeed1dd675ca7d6fd26ac5dbd8..b4c67feeb1f22d172735995a8287f764ffb43d87 100644 (file)
@@ -51,6 +51,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index eccd4356084b6a1b62499a03ce00112bbc6046b6..6a3c9c4f3a2ef5a00edf4530ca6def1a0f79ca1a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index d8ec3e851b30dbc865036f305d6d5aa48b6b1557..5988a6b55fa581d1af67d0ad8c1ddc0d1504f785 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index bfb6d1b4ba96f1fc111535db0fc3808918fdd701..36197d78f2d601067f7d115a5d4f5f4bd57ddb3f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 3c19040344b5c7520c01ed0faba06e86fd000382..b13774278eb623b0460f045f39f15795bb76df74 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
         <strong>Mark Otto</strong> @mdo
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
       <img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>Jacob Thornton</strong> @fat
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
       <img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>XhmikosR</strong> @xhmikosr
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/geosot">
       <img src="https://github.com/geosot.png" alt="@geosot" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>GeoSot</strong> @geosot
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/rohit2sharma95">
       <img src="https://github.com/rohit2sharma95.png" alt="@rohit2sharma95" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>Rohit Sharma</strong> @rohit2sharma95
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/alpadev">
       <img src="https://github.com/alpadev.png" alt="@alpadev" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>alpadev</strong> @alpadev
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/ffoodd">
       <img src="https://github.com/ffoodd.png" alt="@ffoodd" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>Gaël Poupard</strong> @ffoodd
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
       <img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>Patrick H. Lauke</strong> @patrickhlauke
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
       <img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>Martijn Cuppens</strong> @martijncuppens
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
       <img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
         <strong>Johann-S</strong> @johann-s
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
       <img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded mr-2" loading="lazy">
       <span>
index cd097ffffba769a99fb45d4242e2145e05c2e57d..15f1a0e62318ced648f0b4c9d422716de32bad7d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 666e375233657c004d18b8dc515ca26f90ee76c8..2df88afd7b36ec8a0491e429f492c6237774262f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
     </tr>
   </tbody>
 </table>
+
 <h1 id="most-wanted-features">Most wanted features</h1>
 <p>There are several features specified in Web standards which would allow us to make Bootstrap more robust, elegant, or performant, but aren&rsquo;t yet implemented in certain browsers, thus preventing us from taking advantage of them.</p>
 <p>We publicly list these &ldquo;most wanted&rdquo; feature requests here, in the hopes of expediting the process of getting them implemented.</p>
     </tr>
   </tbody>
 </table>
+
 
         </main>
       </div>
index a176873962e53e65efb2136ec599daa451eaa7a5..765294cf03231672d35276a65ffdbfdfe5e1b3ae 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 9d0593acbb4ec9b51f28a0be862b0c2d5ecbcb3b..6ea597e1081fc56feec933adf7cba2471fe8627e 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 13d4150ce550f07f99940d7db3ee3f43f2141ef1..a7dc6407402f581b08a738ebe6f9ecb692df4b6a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 9306d77fdd99dca8e33e7472541ab9bff205612c..39bcd012d29ae1add118c8c669ac63862e6b004e 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index ef6628b0d8929d0204bc58737fe98db5dffaf06b..a77cbf5b09ce9ff4362825242a1852ba50651cdc 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 19f77d96443e493eab7012f35216bb97da8032e7..b03cca3b77e8ec08d605672fa02963caf68a5c64 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 605284c71542d22bb63a2fa2250b6571e39b29ee..173e0fc1e22153926e52e5879c2c653650e36538 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index d2456d59b6ef7b2744519573b8291eb84c112905..d2ecd6b352564f95296bb3eff3294102e4d6cee6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 641aab876f8729be4b5ac593ebc83425ff257e10..be7a515d5be75a16331587a4f374b6a996835483 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 84a861cc514dd76481febdcb95d0171312ab416f..4bafc0ff55d0c14029fd54333376d21814c9e669 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 904c36b765d540392b373d3db3f7d8347a7498bd..c671d6ed7e013678082511b943ad480a2476a9c6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index c5b05e7b3e1ff32e0e983c0d52233b43b8669c77..c3a97806bb8bef7fe1c98aa6e2ce50596b8a486d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 04fa9131fd5e96f205a86afdbc006f71c0b9c7aa..30b6ce180f987ac0ce0647b7a3dd805974cc762f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index d2f4f7ddf191c4299b96baeac2c5ea2bf67d3864..b6986f7d54b9a95d437a0be5918656148aeeb22d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 15fbc34fdd50e670840e8996eba8e4faacb66f6b..26956173dc8cc743e442c6a291b0168352ba6dba 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 03e419addc42521b8364c14f4e9d9329276a8201..fd699ae4ffee5bcd5cd7ed356f5c29accc58dda7 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 81c60bdc1f3b3b205583320f05eb0a61816b50fe..8cbb40f54426546031b3d48593085c0811ca8bf7 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index f991232cd36c7e10f6566c9dd1741ddf78ba93f8..9c6d43e239e42217cbd7b804d1b658e139194601 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 1514d8fb2f573d84027805d162c971689d065fd2..9311c89c92990d1179b18cd0c3655c5e8b77586f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 4ea13c445f654b61948371724c67d4b06decd5ca..5d03ff1ec00ef4e2599af643a074aa2c50608247 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 13e2e6a212fb3979d839b7bf885a547ef084190c..ec566d3c36e47a3cff2312c0318b4c4c70057063 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index d0409cd575b312d4abb5189835012ae7cb7691f7..9795af8253be95fdc1266b1880c57e42b4b5bb10 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 577080a12e5c58611c07a84b4468043fcf2ae903..9d1a9328d4f45113ecea29ca630d683c625a47a6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 4a5c8169ba4e3278b6bb95a0ad921b13e3bed151..f88d332d16c2e4c1557451bcdd1d5d431c1483df 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 89c7be01a586ea60d612d71833f82393d507ed22..e1ca0c214317e4be129b08d5c22d6c3834078e2d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 3bf8c9ec0cc633b18b8c433a57ab87d6f8df0d72..9796ff6fc435959fcb002546818d2ca1399c71d8 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index e0fa3bb0062a2ba36460b3c1620fd58f473bd14a..0cb74d971a744a25e42909e893b5a61148be7837 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index c46c2c6c8b18855801f31de55f6adda1f2d21ffb..3bf51cc4f5137723827edbe7dab51200aa68f1df 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 249fb2d7e3aeafdf28ff3c96061aaa730cdbc0a1..b3710eb6ea67a730d8d8a44b42a011144bce6d11 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
         <td>Cell</td>
         <td>Cell</td>
       </tr>
-      
+
         <tr class="table-primary">
           <th scope="row">Primary</th>
           <td>Cell</td>
index c4f2947bd2a7c4e37ed07a9c83ee3a12cacd9d8f..c15bc03f0d0ccb6aba8430fa46c18a63d89b29e8 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index fcab819bbee562db26bcd7792e0dcc138b37e3fb..a1df130b1f625d4bf2c3414dfe7c8bcc4038785f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -66,7 +67,7 @@
     <div class="skippy overflow-hidden">
   <div class="container-xl">
     <a class="sr-only sr-only-focusable d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-    
+
   </div>
 </div>
 
       <div class="pt-md-3 pb-md-4">
         <h1 class="bd-title mt-0">Examples</h1>
         <p class="bd-lead">Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.</p>
-        
+
         <div class="d-flex flex-column flex-sm-row">
           <a href="https://github.com/twbs/bootstrap/releases/download/v4.6.1/bootstrap-4.6.1-examples.zip" class="btn btn-bd-primary py-2 px-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');">Download examples</a>
           <a href="https://github.com/twbs/bootstrap/archive/v4.6.1.zip" class="btn btn-outline-secondary py-2 px-3 mt-3 mt-sm-0 ml-sm-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');">Download source code</a>
     </header>
 
     <main class="bd-content p-5" id="content" role="main">
-      
+
 <h2>Custom Components</h2>
   <p>Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.</p>
 
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/pricing/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/pricing.png,
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/checkout/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/checkout.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/product/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/product.png,
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/cover/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/cover.png,
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/carousel/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/carousel.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/blog/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/blog.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/dashboard/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/dashboard.png,
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/sign-in/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/sign-in.png,
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/sticky-footer.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/sticky-footer-navbar.png,
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/grid/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/grid.png,
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/jumbotron/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/jumbotron.png,
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/navbar-static/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/navbar-static.png,
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/navbar-fixed.png,
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/navbar-bottom.png,
         </a>
         <p class="text-muted">Beautifully simple forms with floating labels over your inputs.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a href="/docs/4.6/examples/offcanvas/">
           <img class="img-thumbnail mb-3" srcset="/docs/4.6/assets/img/examples/offcanvas.png,
         <p class="text-muted">Turn your expandable navbar into a sliding offcanvas menu.</p>
       </div>
     </div>
-  
 
 
-      
+
+
         <hr class="my-5">
         <div class="container">
           <div class="text-center">
                                                       src="/docs/4.6/assets/img/bootstrap-themes-collage.png"
                                                       alt="Bootstrap Themes" width="1151" height="320" loading="lazy">
         </div>
-      
+
     </main>
 
     <footer class="bd-footer text-muted">
index fd70a45a117e8fe2da5b619de3e6ce3605dfb3cf..e581d819f54ec3c9091aa02debc326535eb71400 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index cc461ddb4d816e9ce7c86002171697c8d6eb3bba..dd75e4e9bc4e964e4ede2df660ac516fa3055c69 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 6e0cee61f86c840895fd7a4a3fdb4f026aee25ff..6c888de449f52d8d72e5cd23af106fbdfb1c45c1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index f7791cacdeb86ee6ffec7683226e2eb039e26d6c..3c9e093350250762985f559922f943934121e799 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index e14860d95e2888d5c3b2b817b4ea6a960fc637a7..51317652f6fc90d7120f87eefcc813a995880984 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 24f7da9f084ce002360860cf7e3774d65829f7b6..031a575def472a754ef3e4074fafd524037217b1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 722d1348eff1ab7a2e98554c65d4f85bcb31979e..2e1ea0f335f90445e8b5b1511d8abec87539e204 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index d055da5f66b755e974a7d35fcefc78471dd53d74..66f7cd74b403d05d6a52b9ffb813f7e52701b667 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index f5d1a97c1434dbaba5790cb4bc3a23c0174d996d..9f033b51a466fb2b7ec0512819bf4b8089b441f9 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index c38fe6d29f95f5f2c2a41cf2a98b46ffcb7a365e..32b5e017acf600faf132fad18231ba3331069c77 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 15821206a58f051c2ed3c28d6e5d1dfe4556d286..6de9888b8b4e80a64b68bb7288e25c946961e685 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
 <h3 id="all-colors">All colors</h3>
 <p>All colors available in Bootstrap 4, are available as Sass variables and a Sass map in <code>scss/_variables.scss</code> file. This will be expanded upon in subsequent minor releases to add additional shades, much like the <a href="#grays">grayscale palette</a> we already include.</p>
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-blue">
         <strong class="d-block">$blue</strong>
         <small>#007bff</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-indigo">
         <strong class="d-block">$indigo</strong>
         <small>#6610f2</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-purple">
         <strong class="d-block">$purple</strong>
         <small>#6f42c1</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-pink">
         <strong class="d-block">$pink</strong>
         <small>#e83e8c</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-red">
         <strong class="d-block">$red</strong>
         <small>#dc3545</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-orange">
         <strong class="d-block">$orange</strong>
         <small>#fd7e14</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-yellow">
         <strong class="d-block">$yellow</strong>
         <small>#ffc107</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-green">
         <strong class="d-block">$green</strong>
         <small>#28a745</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-teal">
         <strong class="d-block">$teal</strong>
         <small>#20c997</small>
       </div>
     </div>
-    
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace swatch-cyan">
         <strong class="d-block">$cyan</strong>
         <small>#17a2b8</small>
       </div>
     </div>
-    
+
 </div>
 <p>Here&rsquo;s how you can use these in your Sass:</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scss" data-lang="scss"><span class="c1">// With variable
@@ -658,114 +659,114 @@ In the future, we&rsquo;ll aim to provide Sass maps and variables for shades of
 <h3 id="theme-colors">Theme colors</h3>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstrap&rsquo;s <code>scss/_variables.scss</code> file.</p>
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-primary text-white">
         <strong class="d-block">$primary</strong>
         <small>#007bff</small>
       </div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-secondary text-white">
         <strong class="d-block">$secondary</strong>
         <small>#6c757d</small>
       </div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-success text-white">
         <strong class="d-block">$success</strong>
         <small>#28a745</small>
       </div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-danger text-white">
         <strong class="d-block">$danger</strong>
         <small>#dc3545</small>
       </div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-warning text-dark">
         <strong class="d-block">$warning</strong>
         <small>#ffc107</small>
       </div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-info text-white">
         <strong class="d-block">$info</strong>
         <small>#17a2b8</small>
       </div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-light text-dark">
         <strong class="d-block">$light</strong>
         <small>#f8f9fa</small>
       </div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 text-monospace bg-dark text-white">
         <strong class="d-block">$dark</strong>
         <small>#343a40</small>
       </div>
     </div>
-  
+
 </div>
 <h3 id="grays">Grays</h3>
 <p>An expansive set of gray variables and a Sass map in <code>scss/_variables.scss</code> for consistent shades of gray across your project. Note that these are &ldquo;cool grays&rdquo;, which tend towards a subtle blue tone, rather than neutral grays.</p>
 <div class="row mb-3">
   <div class="col-md-4">
-    
+
       <div class="p-3 text-monospace swatch-100">
         <strong class="d-block">$gray-100</strong>
         <small>#f8f9fa</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-200">
         <strong class="d-block">$gray-200</strong>
         <small>#e9ecef</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-300">
         <strong class="d-block">$gray-300</strong>
         <small>#dee2e6</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-400">
         <strong class="d-block">$gray-400</strong>
         <small>#ced4da</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-500">
         <strong class="d-block">$gray-500</strong>
         <small>#adb5bd</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-600">
         <strong class="d-block">$gray-600</strong>
         <small>#6c757d</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-700">
         <strong class="d-block">$gray-700</strong>
         <small>#495057</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-800">
         <strong class="d-block">$gray-800</strong>
         <small>#343a40</small>
       </div>
-    
+
       <div class="p-3 text-monospace swatch-900">
         <strong class="d-block">$gray-900</strong>
         <small>#212529</small>
       </div>
-    
+
   </div>
 </div>
 <p>Within <code>scss/_variables.scss</code>, you&rsquo;ll find Bootstrap&rsquo;s color variables and Sass map. Here&rsquo;s an example of the <code>$colors</code> Sass map:</p>
index 0616300be1c067162d5e865fc20a5477e6922e45..5cf4375804e4b863905b292682057a0235153cde 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 4dbd789a754aaf728fd7213a654057f7c24b3665..30de00d757236ea201cea66d7fd3bfc80ca4387c 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5fb5a5468f8fa5da4351995df73ceb6d4cc4e7ec..4af5125a527b752a70988b1aaa1dd7497129b7a4 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 81618788e18cc9abc1286b8c2ea472acf798292e..a895fdd69f6f2e9f694feca71ff4c6f720db3562 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 7ffefff3b021dcc36450aa10b7b71e484f31de52..f8ef1dee5185b5c17f479ac2ebf1a7bbafdab89d 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5ae6154b774ede64a11888a2489f75f63e4b152a..23d5edee7951b388d8b5b0bda6b62f805582b78c 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index e2297c2b7e47ac13c4e6d71be47ffcc4de01b662..de58ca2613de0c85482595e654fb9e47b70277ba 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 0b25776e6e408b657f142951b69ab21024ce64dd..7fc68fcb9db5ee67362895f9b74338a77fdc6175 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 98018c83caebb2bed39453ef13be66794d63ea8c..d8f818bf4a60a51eb05ea42a466311b3d0d89cff 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 1a58321840dc3808856d7ae12492ba90944c86ed..82823a95c8b862e4b24f01874f738070df3e9f94 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 77d1ce98d33cd271812fe3a0a7ee5ab84cfebcdf..906b47822280af9b38bc9fb013c217ac811d690a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5db869ed6403808f07dbabf178457d08d3324d1d..b346ed3d3e2982c999bc28ebe4e064e243ab5150 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 4b7455b670ab89dca81a349cb56d0cf81d6f77c3..754c6ec91942b36a00bbe7b02e4cb9c923899f62 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 5f26f07288f48a8154c5b523703277af33fd1480..6ca727ba13ed2c96308d328cb3dbd5780f4b95de 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 7c410d2339840c7c7508375eecff99fcfce6ed46..11d84d32b4b3f5faafce9a1cc2cafa8f46601ed6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 4d0d528df23c2f43b8062506221764f1cb7a7eab..6f0418757e77193f61b533fb4e0bad21c5e872a9 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 42a0baeb22486ce0783b528b28b9195330707029..3ec3759e95ad25ec952326c90d5cd4fa6f97704f 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index f3572a12305e728ed1cbc0e3274160def38b5577..455707581ed2be0776ab60e5f3d83bd88734bc42 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 858135ad8c30e8b461b23241a8326a576cd30cc5..da42b019627c8ea98249b29a9d6f76bfb66fbe1a 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 72f2eba1dcd8ba70a48ca3482dc60310d9d2a489..7453620272f96e4ce5189528cd4d996b2f2cc05c 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index fa0897e24f4824727149dfbae2de08d20ce546ab..cacfe96a030b07295b926ad71f1b12a78fac3ef5 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 4bda562d9deb1dc451d77e05dae1d1cb9cdabf1e..d3d89e12bcebc3b2a4f0d05710e7d79fa39c7af6 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 59b17fd52d5f5a792245c0119f8e4b470cc3c304..5b59d43f111ff3a2ea709293a795f2e0f456b770 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
           <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             <nav id="TableOfContents">
   <ul>
   </ul>
 </nav>
           </nav>
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index bd8a3730a98543f3f24a11903da6ce081cbde02c..6693800a7b481d9ef0e5a5d46b0342286f4d7840 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 83ad1998b879f78c55823a5529b35ed8028cdd0a..e424480645b536e05ec7f14f79c3e9c3812708d1 100644 (file)
@@ -52,6 +52,7 @@
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 
         </div>
 
-        
+
 
         <main class="col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
           <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
index 46a4d1e642f1371c730896590a8ac49baab11d8f..cf47a419c94de99791333980c92c27dfb04cd216 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Have a need for Bootstrap&rsquo;s brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well.</p>
 <h2 id="logo">Logo</h2>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 705030f1139e8cc4824034708e3ce95191262768..d16abab0f61c73b3351c03dc8e7900fa96724d08 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap is released under the MIT license and is copyright 2021 Twitter. Boiled down to smaller chunks, it can be described with the following conditions.</p>
 <h2 id="it-requires-you-to">It requires you to:</h2>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index aab47d76c731efab5117cd645cb79c32425860ef..80ca76b205a73d1d8e332f40d245841813085486 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="team">Team</h2>
 <p>Bootstrap is maintained by a <a href="https://github.com/orgs/twbs/people">small team of developers</a> on GitHub. We&rsquo;re actively looking to grow this team and would love to hear from you if you&rsquo;re excited about CSS at scale, writing and maintaining vanilla JavaScript plugins, and improving build tooling processes for frontend code.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 841fd7ff03d36b8eb9a9ea00248cbb569dddcdeb..53f747c311c0b94c678e428c868a575764adf6d8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
 
         <strong>Mark Otto</strong> @mdo
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
       <img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Jacob Thornton</strong> @fat
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
       <img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>XhmikosR</strong> @xhmikosr
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/geosot">
       <img src="https://github.com/geosot.png" alt="@geosot" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>GeoSot</strong> @geosot
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/rohit2sharma95">
       <img src="https://github.com/rohit2sharma95.png" alt="@rohit2sharma95" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Rohit Sharma</strong> @rohit2sharma95
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/alpadev">
       <img src="https://github.com/alpadev.png" alt="@alpadev" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>alpadev</strong> @alpadev
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/ffoodd">
       <img src="https://github.com/ffoodd.png" alt="@ffoodd" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Gaël Poupard</strong> @ffoodd
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
       <img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Patrick H. Lauke</strong> @patrickhlauke
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
       <img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Martijn Cuppens</strong> @martijncuppens
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
       <img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Johann-S</strong> @johann-s
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
       <img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 45e001c9ed7e3e5164fb1029f1fa1309d33b8178..125c4ad59724e05bfedf9f7ade7b81ba54f662ca 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Community members have translated Bootstrap&rsquo;s documentation into various languages. None are officially supported and they may not always be up to date.</p>
 
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4ced8a30f801f4dc0e10ef2f43b1ea0aa8782cf8..0d50bc44c639c8c7e3d84a804a5b31f75e6e31a3 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>The accordion uses <a href="/docs/5.0/components/collapse/">collapse</a> internally to make it collapsible. To render an accordion that&rsquo;s expanded, add the <code>.open</code> class on the <code>.accordion</code>.</p>
@@ -758,7 +759,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index df13b45085536d1c116f3e7d443ac6f29fa9c64e..47821ac3b7f9c84f1052c59f9e8e2cf26dd45166 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight <strong>required</strong> contextual classes (e.g., <code>.alert-success</code>). For inline dismissal, use the <a href="#dismissing">alerts JavaScript plugin</a>.</p>
@@ -871,7 +872,7 @@ When an alert is dismissed, the element is completely removed from the page stru
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e2ef86682980a7e39794379098c501b32fcb23a3..2540f956c2cb454303fd0612d7dd472e16b715d8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>Badges scale to match the size of the immediate parent element by using relative font sizing and <code>em</code> units. As of v5, badges no longer have focus or hover styles for links.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index fe701dcbe664afef26b910f37bde2e74d2fe0c97..3e2c6b9e03cdbcfa583f6449c40e0089e06c7537 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Use an ordered or unordered list with linked list items to create a minimally styled breadcrumb. Use our utilities to add additional styles as desired.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4d5c7aeabe41c6cdfede9334fe66ba5d93faf502..a518b895ad418ec919bda5a3ec9687a550ed8f81 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="basic-example">Basic example</h2>
 <p>Wrap a series of buttons with <code>.btn</code> in <code>.btn-group</code>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index adc06a1efd0301cc404eba835dee8a197ee77f06..8370dcb47e0c430438168b297b8026a265f647f9 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.</p>
@@ -903,7 +904,7 @@ Visually, these toggle buttons are identical to the <a href="/docs/5.0/forms/che
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index b990f9111afd5ea69f4f2a42b1b5f28bf6e64acb..cc051f27ebc28b9c185d35459f903f3f009acacd 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>A <strong>card</strong> is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you&rsquo;re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.</p>
@@ -1846,7 +1847,7 @@ Note that content should not be larger than the height of the image. If content
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 02c7a57536de839b705ec4d31a06c4d9ad6d2378..14f271546cad84e9bc9058679eb5b3b3e0336e66 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.</p>
@@ -1159,7 +1160,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index b067b6bfe43dc5f5622831387b2221f673bc8356..31658ecbea342bd47f91d5d538d98c07104ed4e0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Provide an option to dismiss or close a component with <code>.btn-close</code>. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default <code>background-image</code>. <strong>Be sure to include text for screen readers</strong>, as we&rsquo;ve done with <code>aria-label</code>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 598c2f221b624c11da57b33e8d18b3a1ac35b5c8..b064651ef7eef852a4be7a3f7d96b448f1a2d8cc 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the <code>height</code> from its current value to <code>0</code>. Given how CSS handles animations, you cannot use <code>padding</code> on a <code>.collapse</code> element. Instead, use the class as an independent wrapping element.</p>
@@ -738,7 +739,7 @@ Multiple <code>&lt;button&gt;</code> or <code>&lt;a&gt;</code> can show and hide
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 514aa7d799c587582875738713ca820c839259f8..ce1d9cbe550107e5bd110b179fa0afa5b1f517aa 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They&rsquo;re made interactive with the included Bootstrap dropdown JavaScript plugin. They&rsquo;re toggled by clicking, not by hovering; this is <a href="https://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/">an intentional design decision</a>.</p>
@@ -2003,7 +2004,7 @@ On touch-enabled devices, opening a dropdown adds empty <code>mouseover</code> h
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index fececb33ca2957f57472545ce601dda652d19b4b..9d0445569456327d83366e9cdf52e5cca20863ab 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="basic-example">Basic example</h2>
 <p>The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c479d6cef1f05d83fe5ac3c7bbfdd7439ae225cb..94d8f5764a99059b9aee3af4bdb783b85fcbc074 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Before getting started with Bootstrap&rsquo;s modal component, be sure to read the following as our menu options have recently changed.</p>
@@ -1476,7 +1477,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 3b22afea4ab636b5f6ab31324fedce9253a7a097..7cfd0258dda312c8975680798248aecbdc6234a4 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Here&rsquo;s what you need to know before getting started with the navbar:</p>
@@ -1493,7 +1494,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e857c080fa3da0c3f78c79b0fc775c8ea0d791c5..2f65690272edf47c2241e9803f9d61b4a71c3bb0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="base-nav">Base nav</h2>
 <p>Navigation available in Bootstrap share general markup and styles, from the base <code>.nav</code> class to the active and disabled states. Swap modifier classes to switch between each style.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index a60638634d4c97fd1f41f3b7ed7112fc06bde3c5..517cfac233dab4a2e3f56868a34c26b48e164bce 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Offcanvas is a sidebar component that can be toggled via JavaScript to appear from the left, right, or bottom edge of the viewport. Buttons or anchors are used as triggers that are attached to specific elements you toggle, and <code>data</code> attributes are used to invoke our JavaScript.</p>
@@ -887,7 +888,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 987010428b3a1dfd461fc944f109c26440ef9151..5caf17db6368f3e3cced7f3360e298a207fbdef5 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>We use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. Use a wrapping <code>&lt;nav&gt;</code> element to identify it as a navigation section to screen readers and other assistive technologies.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 6d1e8142fbedee014d98ec70936d0b763f786f05..bbfdbef1bef5129266d67d4473eb18fafa6c69d7 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Things to know when using the popover plugin:</p>
@@ -889,7 +890,7 @@ Note that for security reasons the <code>sanitize</code>, <code>sanitizeFn</code
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c8dd8c13db11898d0ac62213b345ffadcbfd3b62..8e33131425b241f0dece38d18f523b8c9d1583f9 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. We don&rsquo;t use <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress">the HTML5 <code>&lt;progress&gt;</code> element</a>, ensuring you can stack progress bars, animate them, and place text labels over them.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index b63e750e33d9fa1cac232c6c021cdaa5509313d8..05e13581c545ce29673c5cd1339a63967a6477e0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Scrollspy has a few requirements to function properly:</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e31ae6817deca03e62a2febccfe2c774bb4999a0..71d1ed6c5d175a08a549f20ce79a65dc3e7bbe73 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>Bootstrap &ldquo;spinners&rdquo; can be used to show the loading state in your projects. They&rsquo;re built only with HTML and CSS, meaning you don&rsquo;t need any JavaScript to create them. You will, however, need some custom JavaScript to toggle their visibility. Their appearance, alignment, and sizing can be easily customized with our amazing utility classes.</p>
@@ -788,7 +789,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index bac613d62eaefcbfcdc6c12297c6071afdcdb1be..757477821181e24780970b9e2adf4571e4d30548 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They&rsquo;re built with flexbox, so they&rsquo;re easy to align and position.</p>
 <h2 id="overview">Overview</h2>
@@ -1043,7 +1044,7 @@ You have to manually call this method, instead your toast won&rsquo;t show.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e3c840213b756880806b54640aa20e0bf8768a2a..08755845d33c590206a39210325fcb8cfaa4a535 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Things to know when using the tooltip plugin:</p>
@@ -888,7 +889,7 @@ Note that for security reasons the <code>sanitize</code>, <code>sanitizeFn</code
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 10b2a0a4feb7032040a85c97b2beb474c746d99a..ac476b86399acffec0f384bbdb3d6a201962314f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Anytime you need to display a piece of content—like an image with an optional caption, consider using a <code>&lt;figure&gt;</code>.</p>
 <p>Use the included <code>.figure</code>, <code>.figure-img</code> and <code>.figure-caption</code> classes to provide some baseline styles for the HTML5 <code>&lt;figure&gt;</code> and <code>&lt;figcaption&gt;</code> elements. Images in figures have no explicit size, so be sure to add the <code>.img-fluid</code> class to your <code>&lt;img&gt;</code> to make it responsive.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d0e9e6d1e7fc85eda22ab8f099cc70224568241f..cf91b8fbf2c5b8de130c0f5ed460d22e4024d5cb 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="responsive-images">Responsive images</h2>
 <p>Images in Bootstrap are made responsive with <code>.img-fluid</code>. This applies <code>max-width: 100%;</code> and <code>height: auto;</code> to the image so that it scales with the parent element.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 1a781a34208474593ff834428bbfb6cfc15f3593..a8ba91376fe5ec6b5b8de5e13f28e0216060653d 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="approach">Approach</h2>
 <p>Reboot builds upon Normalize, providing many HTML elements with somewhat opinionated styles using only element selectors. Additional styling is done only with classes. For example, we reboot some <code>&lt;table&gt;</code> styles for a simpler baseline and later provide <code>.table</code>, <code>.table-bordered</code>, and more.</p>
@@ -886,7 +887,7 @@ To edit settings, press <span class="p">&lt;</span><span class="nt">kbd</span><s
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e83a08f4c6a4996852b131a4aa5f7a864f82dceb..971978df722a26fad8a7f6632e079c0485beffc4 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Due to the widespread use of <code>&lt;table&gt;</code> elements across third-party widgets like calendars and date pickers, Bootstrap&rsquo;s tables are <strong>opt-in</strong>. Add the base class <code>.table</code> to any <code>&lt;table&gt;</code>, then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent.</p>
         <td>Cell</td>
         <td>Cell</td>
       </tr>
-      
+
         <tr class="table-primary">
           <th scope="row">Primary</th>
           <td>Cell</td>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 174f5ea9ef7b635dcf4f4b7f2ea4b6302b9717d8..38e7ce066d7c9d89aad76db94a58047f7da6dff4 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="global-settings">Global settings</h2>
 <p>Bootstrap sets basic global display, typography, and link styles. When more control is needed, check out the <a href="/docs/5.0/utilities/text/">textual utility classes</a>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index ca0dccd45309f2fc26857867e865fa5d17c3ef7d..9fbe8d60e9e287cc0252efece2ab4182ce04ef69 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="theme-colors">Theme colors</h2>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstrap&rsquo;s <code>scss/_variables.scss</code> file.</p>
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-primary text-white">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-secondary text-white">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-success text-white">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-danger text-white">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-warning text-dark">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-info text-dark">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-light text-dark">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-dark text-white">Dark</div>
     </div>
-  
+
 </div>
 <p>All these colors are available as a Sass map, <code>$theme-colors</code>.</p>
 <div class="highlight"><pre class="chroma"><code class="language-scss" data-lang="scss"><span class="nv">$theme-colors</span><span class="o">:</span> <span class="p">(</span>
 <p>All Bootstrap colors are available as Sass variables and a Sass map in <code>scss/_variables.scss</code> file. To avoid increased file sizes, we don&rsquo;t create text or background color classes for each of these variables. Instead, we choose a subset of these colors for a <a href="#theme-colors">theme palette</a>.</p>
 <p>Be sure to monitor contrast ratios as you customize colors. As shown below, we&rsquo;ve added three contrast ratios to each of the main colors—one for the swatch&rsquo;s current colors, one for against white, and one for against black.</p>
 <div class="row font-monospace">
-  
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-blue">
         <strong class="d-block">$blue</strong>
         #0d6efd
       </div>
-      
+
       <div class="p-3 bd-blue-100">$blue-100</div>
-      
+
       <div class="p-3 bd-blue-200">$blue-200</div>
-      
+
       <div class="p-3 bd-blue-300">$blue-300</div>
-      
+
       <div class="p-3 bd-blue-400">$blue-400</div>
-      
+
       <div class="p-3 bd-blue-500">$blue-500</div>
-      
+
       <div class="p-3 bd-blue-600">$blue-600</div>
-      
+
       <div class="p-3 bd-blue-700">$blue-700</div>
-      
+
       <div class="p-3 bd-blue-800">$blue-800</div>
-      
+
       <div class="p-3 bd-blue-900">$blue-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-indigo">
         <strong class="d-block">$indigo</strong>
         #6610f2
       </div>
-      
+
       <div class="p-3 bd-indigo-100">$indigo-100</div>
-      
+
       <div class="p-3 bd-indigo-200">$indigo-200</div>
-      
+
       <div class="p-3 bd-indigo-300">$indigo-300</div>
-      
+
       <div class="p-3 bd-indigo-400">$indigo-400</div>
-      
+
       <div class="p-3 bd-indigo-500">$indigo-500</div>
-      
+
       <div class="p-3 bd-indigo-600">$indigo-600</div>
-      
+
       <div class="p-3 bd-indigo-700">$indigo-700</div>
-      
+
       <div class="p-3 bd-indigo-800">$indigo-800</div>
-      
+
       <div class="p-3 bd-indigo-900">$indigo-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-purple">
         <strong class="d-block">$purple</strong>
         #6f42c1
       </div>
-      
+
       <div class="p-3 bd-purple-100">$purple-100</div>
-      
+
       <div class="p-3 bd-purple-200">$purple-200</div>
-      
+
       <div class="p-3 bd-purple-300">$purple-300</div>
-      
+
       <div class="p-3 bd-purple-400">$purple-400</div>
-      
+
       <div class="p-3 bd-purple-500">$purple-500</div>
-      
+
       <div class="p-3 bd-purple-600">$purple-600</div>
-      
+
       <div class="p-3 bd-purple-700">$purple-700</div>
-      
+
       <div class="p-3 bd-purple-800">$purple-800</div>
-      
+
       <div class="p-3 bd-purple-900">$purple-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-pink">
         <strong class="d-block">$pink</strong>
         #d63384
       </div>
-      
+
       <div class="p-3 bd-pink-100">$pink-100</div>
-      
+
       <div class="p-3 bd-pink-200">$pink-200</div>
-      
+
       <div class="p-3 bd-pink-300">$pink-300</div>
-      
+
       <div class="p-3 bd-pink-400">$pink-400</div>
-      
+
       <div class="p-3 bd-pink-500">$pink-500</div>
-      
+
       <div class="p-3 bd-pink-600">$pink-600</div>
-      
+
       <div class="p-3 bd-pink-700">$pink-700</div>
-      
+
       <div class="p-3 bd-pink-800">$pink-800</div>
-      
+
       <div class="p-3 bd-pink-900">$pink-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-red">
         <strong class="d-block">$red</strong>
         #dc3545
       </div>
-      
+
       <div class="p-3 bd-red-100">$red-100</div>
-      
+
       <div class="p-3 bd-red-200">$red-200</div>
-      
+
       <div class="p-3 bd-red-300">$red-300</div>
-      
+
       <div class="p-3 bd-red-400">$red-400</div>
-      
+
       <div class="p-3 bd-red-500">$red-500</div>
-      
+
       <div class="p-3 bd-red-600">$red-600</div>
-      
+
       <div class="p-3 bd-red-700">$red-700</div>
-      
+
       <div class="p-3 bd-red-800">$red-800</div>
-      
+
       <div class="p-3 bd-red-900">$red-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-orange">
         <strong class="d-block">$orange</strong>
         #fd7e14
       </div>
-      
+
       <div class="p-3 bd-orange-100">$orange-100</div>
-      
+
       <div class="p-3 bd-orange-200">$orange-200</div>
-      
+
       <div class="p-3 bd-orange-300">$orange-300</div>
-      
+
       <div class="p-3 bd-orange-400">$orange-400</div>
-      
+
       <div class="p-3 bd-orange-500">$orange-500</div>
-      
+
       <div class="p-3 bd-orange-600">$orange-600</div>
-      
+
       <div class="p-3 bd-orange-700">$orange-700</div>
-      
+
       <div class="p-3 bd-orange-800">$orange-800</div>
-      
+
       <div class="p-3 bd-orange-900">$orange-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-yellow">
         <strong class="d-block">$yellow</strong>
         #ffc107
       </div>
-      
+
       <div class="p-3 bd-yellow-100">$yellow-100</div>
-      
+
       <div class="p-3 bd-yellow-200">$yellow-200</div>
-      
+
       <div class="p-3 bd-yellow-300">$yellow-300</div>
-      
+
       <div class="p-3 bd-yellow-400">$yellow-400</div>
-      
+
       <div class="p-3 bd-yellow-500">$yellow-500</div>
-      
+
       <div class="p-3 bd-yellow-600">$yellow-600</div>
-      
+
       <div class="p-3 bd-yellow-700">$yellow-700</div>
-      
+
       <div class="p-3 bd-yellow-800">$yellow-800</div>
-      
+
       <div class="p-3 bd-yellow-900">$yellow-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-green">
         <strong class="d-block">$green</strong>
         #198754
       </div>
-      
+
       <div class="p-3 bd-green-100">$green-100</div>
-      
+
       <div class="p-3 bd-green-200">$green-200</div>
-      
+
       <div class="p-3 bd-green-300">$green-300</div>
-      
+
       <div class="p-3 bd-green-400">$green-400</div>
-      
+
       <div class="p-3 bd-green-500">$green-500</div>
-      
+
       <div class="p-3 bd-green-600">$green-600</div>
-      
+
       <div class="p-3 bd-green-700">$green-700</div>
-      
+
       <div class="p-3 bd-green-800">$green-800</div>
-      
+
       <div class="p-3 bd-green-900">$green-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-teal">
         <strong class="d-block">$teal</strong>
         #20c997
       </div>
-      
+
       <div class="p-3 bd-teal-100">$teal-100</div>
-      
+
       <div class="p-3 bd-teal-200">$teal-200</div>
-      
+
       <div class="p-3 bd-teal-300">$teal-300</div>
-      
+
       <div class="p-3 bd-teal-400">$teal-400</div>
-      
+
       <div class="p-3 bd-teal-500">$teal-500</div>
-      
+
       <div class="p-3 bd-teal-600">$teal-600</div>
-      
+
       <div class="p-3 bd-teal-700">$teal-700</div>
-      
+
       <div class="p-3 bd-teal-800">$teal-800</div>
-      
+
       <div class="p-3 bd-teal-900">$teal-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-cyan">
         <strong class="d-block">$cyan</strong>
         #0dcaf0
       </div>
-      
+
       <div class="p-3 bd-cyan-100">$cyan-100</div>
-      
+
       <div class="p-3 bd-cyan-200">$cyan-200</div>
-      
+
       <div class="p-3 bd-cyan-300">$cyan-300</div>
-      
+
       <div class="p-3 bd-cyan-400">$cyan-400</div>
-      
+
       <div class="p-3 bd-cyan-500">$cyan-500</div>
-      
+
       <div class="p-3 bd-cyan-600">$cyan-600</div>
-      
+
       <div class="p-3 bd-cyan-700">$cyan-700</div>
-      
+
       <div class="p-3 bd-cyan-800">$cyan-800</div>
-      
+
       <div class="p-3 bd-cyan-900">$cyan-900</div>
-      
+
     </div>
     <div class="col-md-4 mb-3">
     <div class="p-3 mb-2 position-relative swatch-gray-500">
       #adb5bd
     </div>
     <div class="p-3 bd-gray-100">$gray-100</div>
-  
+
     <div class="p-3 bd-gray-200">$gray-200</div>
-  
+
     <div class="p-3 bd-gray-300">$gray-300</div>
-  
+
     <div class="p-3 bd-gray-400">$gray-400</div>
-  
+
     <div class="p-3 bd-gray-500">$gray-500</div>
-  
+
     <div class="p-3 bd-gray-600">$gray-600</div>
-  
+
     <div class="p-3 bd-gray-700">$gray-700</div>
-  
+
     <div class="p-3 bd-gray-800">$gray-800</div>
-  
+
     <div class="p-3 bd-gray-900">$gray-900</div>
   </div>
-  
+
   <div class="col-md-4 mb-3">
     <div class="p-3 mb-2 bd-black text-white">
       <strong class="d-block">$black</strong>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index f489258b6eb739532c3d7a0006960dc3957a0207..9c6c18b6e946d07c13e6ffc6b5a85a03e0b2e6d4 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="base-classes">Base classes</h2>
 <p>Bootstrap&rsquo;s components are largely built with a base-modifier nomenclature. We group as many shared properties as possible into a base class, like <code>.btn</code>, and then group individual styles for each variant into modifier classes, like <code>.btn-primary</code> or <code>.btn-success</code>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 1333f3a3541df349abcf5351232323df6bc0dfdb..c4eb3a96383b168c24bc0a424c14d71cb7cb4b38 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap includes around two dozen <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties">CSS custom properties (variables)</a> in its compiled CSS, with dozens more on the way for improved customization on a per-component basis. These provide easy access to commonly used values like our theme colors, breakpoints, and primary font stacks when working in your browser&rsquo;s inspector, a code sandbox, or general prototyping.</p>
 <p><strong>All our custom properties are prefixed with <code>bs-</code></strong> to avoid conflicts with third party CSS.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 76b791754ae4ef7234552a98e2d9f46e1533b846..567ed38f390e59479fdd0de932b832e0b5d097b0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="lean-sass-imports">Lean Sass imports</h2>
 <p>When using Sass in your asset pipeline, make sure you optimize Bootstrap by only <code>@import</code>ing the components you need. Your largest optimizations will likely come from the <code>Layout &amp; Components</code> section of our <code>bootstrap.scss</code>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d98f9b9f7a6d8dcbfccdaeff324c77445d5d773c..c096f0153db812548cb5bc9cf05526bfd8e128cf 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Customize Bootstrap with our built-in custom variables file and easily toggle global CSS preferences with new <code>$enable-*</code> Sass variables. Override a variable&rsquo;s value and recompile with <code>npm run test</code> as needed.</p>
 <p>You can find and customize these variables for key global options in Bootstrap&rsquo;s <code>scss/_variables.scss</code> file.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e8a18d3c427445d94e9d48aba49cbedaef3bf918..3b83779686f14b4bd7d829f149a1c9e367eee00f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
           <div class="row g-3">
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../sass/">
                 <strong class="d-block h5 mb-0">Sass</strong>
                 <span class="text-secondary">Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../options/">
                 <strong class="d-block h5 mb-0">Options</strong>
                 <span class="text-secondary">Customize Bootstrap with built-in variables to easily toggle global CSS preferences.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../color/">
                 <strong class="d-block h5 mb-0">Color</strong>
                 <span class="text-secondary">Learn about and customize the color systems that support the entire toolkit.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../components/">
                 <strong class="d-block h5 mb-0">Components</strong>
                 <span class="text-secondary">Learn how we build nearly all our components responsively and with base and modifier classes.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../css-variables/">
                 <strong class="d-block h5 mb-0">CSS variables</strong>
                 <span class="text-secondary">Use Bootstrap&#39;s CSS custom properties for fast and forward-looking design and development.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../optimize/">
                 <strong class="d-block h5 mb-0">Optimize</strong>
                 <span class="text-secondary">Keep your projects lean, responsive, and maintainable so you can deliver the best experience.</span>
               </a>
             </div>
-            
+
           </div>
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>There are multiple ways to customize Bootstrap. Your best path can depend on your project, the complexity of your build tools, the version of Bootstrap you&rsquo;re using, browser support, and more.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 54de82cf77d69366a8df79235329ba6ab7937e4b..0de0cf5ba161ca53a0b9d4e8503bc97fb569944e 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Utilize our source Sass files to take advantage of variables, maps, mixins, and more.</p>
 <h2 id="file-structure">File structure</h2>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 8e1940a434b09d5cdec0041619e7f50269517b2f..e9ceda92d4fa62786085fe1798edba80ca7c4609 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -62,7 +63,7 @@
     <div class="skippy visually-hidden-focusable overflow-hidden">
   <div class="container-xl">
     <a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-    
+
   </div>
 </div>
 
 </header>
 
 
-    
+
   <header class="py-5 border-bottom">
     <div class="container pt-md-1 pb-md-4">
       <div class="row">
         <div class="col-xl-8">
           <h1 class="bd-title mt-0">Examples</h1>
           <p class="bd-lead">Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.</p>
-          
+
           <div class="d-flex flex-column flex-sm-row">
             <a href="https://github.com/twbs/bootstrap/releases/download/v5.0.2/bootstrap-5.0.2-examples.zip" class="btn btn-lg btn-bd-primary" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');">Download examples</a>
             <a href="https://github.com/twbs/bootstrap/archive/v5.0.2.zip" class="btn btn-lg btn-outline-secondary mt-3 mt-sm-0 ms-sm-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');">Download source code</a>
           </div>
-          
+
         </div>
         <div class="col-xl-4 d-lg-flex justify-content-xl-end">
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
   <main class="bd-content order-1 py-5" id="content">
     <div class="container">
-      
+
 <h2 id="snippets">Snippets</h2>
   <p>Common patterns for building sites and apps that build on existing components and utilities with custom CSS and more.</p>
   <div class="row">
         </a>
         <p class="text-muted">Display your branding, navigation, search, and more with these header components</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/heroes/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/heroes.png,
         </a>
         <p class="text-muted">Set the stage on your homepage with heroes that feature clear calls to action.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/features/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/features.png,
         </a>
         <p class="text-muted">Explain the features, benefits, or other details in your marketing content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/sidebars/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sidebars.png,
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/pricing/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/pricing.png,
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/checkout/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/checkout.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/product/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/product.png,
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/cover/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/cover.png,
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/carousel/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/carousel.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/blog/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/blog.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/dashboard/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/dashboard.png,
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/sign-in/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sign-in.png,
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sticky-footer.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/sticky-footer-navbar.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/jumbotron/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/jumbotron.png,
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/grid/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/grid.png,
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/cheatsheet/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/cheatsheet.png,
         </a>
         <p class="text-muted">Kitchen sink of Bootstrap components.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/cheatsheet-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/cheatsheet-rtl.png,
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/navbar-static/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/navbar-static.png,
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/navbar-fixed.png,
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/navbar-bottom.png,
         </a>
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/offcanvas-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/offcanvas-navbar.png,
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/checkout-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/checkout-rtl.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/carousel-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/carousel-rtl.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/blog-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/blog-rtl.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.0/examples/dashboard-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.0/assets/img/examples/dashboard-rtl.png,
         <p class="text-muted">Combine the powers of the Bootstrap grid and the Masonry layout.</p>
       </div>
     </div>
-  
 
 
-      
+
+
         <hr class="my-5">
         <div class="container">
           <div class="text-center">
                                                         src="/docs/5.0/assets/img/bootstrap-themes-collage.png"
                                                         alt="Bootstrap Themes" width="1150" height="320" loading="lazy">
         </div>
-      
+
     </div>
   </main>
 
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-    
+
+
   </body>
 </html>
index 89bcae725c4106a2e2ea6ad57050b38785196645..b7d9ba5e2899e418afafae15889d96c3d3cdb7f8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>While the getting started pages provide an introductory tour of the project and what it offers, this document focuses on <em>why</em> we do the things we do in Bootstrap. It explains our philosophy to building on the web so that others can learn from us, contribute with us, and help us improve.</p>
 <p>See something that doesn&rsquo;t sound right, or perhaps could be done better? <a href="https://github.com/twbs/bootstrap/issues/new">Open an issue</a>—we&rsquo;d love to discuss it with you.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 6d9a9dd747432862e06906046da47abe4a01f75c..4f0c3fd38a22f995c1f6ec2b392e8fb576a39b52 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>While Bootstrap doesn&rsquo;t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project. We&rsquo;ve included details for Bootstrap Icons and other preferred icon sets below.</p>
 <p>While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 1438063048ccb858e3c121ecb20d7c00fdbb48c2..3bfdcbf201a045a6928d47c7bb094c3b76932501 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="approach">Approach</h2>
 <p>Browser default checkboxes and radios are replaced with the help of <code>.form-check</code>, a series of classes for both input types that improves the layout and behavior of their HTML elements, that provide greater customization and cross browser consistency. Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.</p>
@@ -906,7 +907,7 @@ Visually, these checkbox toggle buttons are identical to the <a href="/docs/5.0/
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 9a0d93a38f994f25281bf750c583f420c97710eb..b3af1e51f4ab652e01198a1466478e501e4d76e7 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Wrap a pair of <code>&lt;input class=&quot;form-control&quot;&gt;</code> and <code>&lt;label&gt;</code> elements in <code>.form-floating</code> to enable floating labels with Bootstrap&rsquo;s textual form fields. A <code>placeholder</code> is required on each <code>&lt;input&gt;</code> as our method of CSS-only floating labels uses the <code>:placeholder-shown</code> pseudo-element. Also note that the <code>&lt;input&gt;</code> must come first so we can utilize a sibling selector (e.g., <code>~</code>).</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 04ace8483e9a5bf891e731a37403d5d0d671a870..f86c86c570f1d0eac037bafc526266d4887d1dc5 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <div class="bd-example">
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 67f68d5b31d6b338adf1722cfe7e6f5c81009a5d..fa6ce374219a0f2223869dc4294b343e04592c11 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="basic-example">Basic example</h2>
 <p>Place one add-on or button on either side of an input. You may also place one on both sides of an input. Remember to place <code>&lt;label&gt;</code>s outside the input group.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 3cc1f2b1b11959a9455825602a71da88acd4ea56..b78f52aa8765e7242ec36e39589651d5ebd9885e 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="forms">Forms</h2>
 <p>Every group of form fields should reside in a <code>&lt;form&gt;</code> element. Bootstrap provides no default styling for the <code>&lt;form&gt;</code> element, but there are some powerful browser features that are provided by default.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 5b5382a0e53ef647b238aed2d733a568950f9862..2e06c6a7ec99901b0e9c6d3ef4af33284591bd9e 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
           <div class="row g-3">
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../form-control/">
                 <strong class="d-block h5 mb-0">Form control</strong>
                 <span class="text-secondary">Style textual inputs and textareas with support for multiple states.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../select/">
                 <strong class="d-block h5 mb-0">Select</strong>
                 <span class="text-secondary">Improve browser default select elements with a custom initial appearance.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../checks-radios/">
                 <strong class="d-block h5 mb-0">Checks &amp; radios</strong>
                 <span class="text-secondary">Use our custom radio buttons and checkboxes in forms for selecting input options.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../range/">
                 <strong class="d-block h5 mb-0">Range</strong>
                 <span class="text-secondary">Replace browser default range inputs with our custom version.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../input-group/">
                 <strong class="d-block h5 mb-0">Input group</strong>
                 <span class="text-secondary">Attach labels and buttons to your inputs for increased semantic value.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../floating-labels/">
                 <strong class="d-block h5 mb-0">Floating labels</strong>
                 <span class="text-secondary">Create beautifully simple form labels that float over your input fields.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../layout/">
                 <strong class="d-block h5 mb-0">Layout</strong>
                 <span class="text-secondary">Create inline, horizontal, or complex grid-based layouts with your forms.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../validation/">
                 <strong class="d-block h5 mb-0">Validation</strong>
                 <span class="text-secondary">Validate your forms with custom or native validation behaviors and styles.</span>
               </a>
             </div>
-            
+
           </div>
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Bootstrap&rsquo;s form controls expand on <a href="/docs/5.0/content/reboot/#forms">our Rebooted form styles</a> with classes. Use these classes to opt into their customized displays for a more consistent rendering across browsers and devices.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 36a25449ac968ffcd59e3b4dc3814b7d28f08b48..9594680fe1b5837a009b19abccb1e910faf49994 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Create custom <code>&lt;input type=&quot;range&quot;&gt;</code> controls with <code>.form-range</code>. The track (the background) and thumb (the value) are both styled to appear the same across browsers. As only Firefox supports &ldquo;filling&rdquo; their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c243ac141d1acaf6f6d0fa283ca45df5d2609904..8fb9acae66233906a579c861f57a72ce556db184 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="default">Default</h2>
 <p>Custom <code>&lt;select&gt;</code> menus need only a custom class, <code>.form-select</code> to trigger the custom styles. Custom styles are limited to the <code>&lt;select&gt;</code>&rsquo;s initial appearance and cannot modify the <code>&lt;option&gt;</code>s due to browser limitations.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 331363e4b8c234310fca7ffa9039dde324d8750c..94906c970fe829d091c5f4608bf29c44967ff7cc 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <div class="bd-callout bd-callout-warning">
 We are aware that currently the client-side custom validation styles and tooltips are not accessible, since they are not exposed to assistive technologies. While we work on a solution, we&rsquo;d recommend either using the server-side option or the default browser validation method.
@@ -1268,7 +1269,7 @@ We are aware that currently the client-side custom validation styles and tooltip
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
+
   <script async src="/docs/5.0/assets/js/validate-forms.js"></script>
   </body>
 </html>
index 974e419e6c21ef9ef84410b6de141dce3ba59e6b..49fcbcf4bf77c440231518717602b37b860c8b68 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap provides an easy-to-use framework of ready-made styles, layout tools, and interactive components, allowing developers to create websites and applications that are visually appealing, functionally rich, and accessible out of the box.</p>
 <h2 id="overview-and-limitations">Overview and limitations</h2>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c55318f8dae5b34d05528e6bf658e52e14bde894..b16a858789a1e3e13b8e3d73d1bd675aa2767d58 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>We&rsquo;ve designed and developed Bootstrap to work in a number of environments. Here are some of the best practices we&rsquo;ve gathered from years of working on and using it ourselves.</p>
 <div class="bd-callout bd-callout-info">
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4d07afd6e97311bf3a1fa0d507cf7ac575b05208..7c55ac39aa2aec3201d4c355695941b56ca73224 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="supported-browsers">Supported browsers</h2>
 <p>Bootstrap supports the <strong>latest, stable releases</strong> of all major browsers and platforms.</p>
@@ -588,7 +589,7 @@ not Explorer &lt;= 11
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 98b9a4692f92f20f1a18ea6540842d784bd750d5..0a3f9717e6c1bdc58515bc9bda046a13b94b32aa 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="tooling-setup">Tooling setup</h2>
 <p>Bootstrap uses <a href="https://docs.npmjs.com/misc/scripts/">npm scripts</a> for its build system. Our <a href="https://github.com/twbs/bootstrap/blob/v5.0.2/package.json">package.json</a> includes convenient methods for working with the framework, including compiling code, running tests, and more.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d49301032e8cde416df5a33b32e2ad2103fc7577..f1bb08624468ba62418f78c8f5de14b74a44d151 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="precompiled-bootstrap">Precompiled Bootstrap</h2>
 <p>Once downloaded, unzip the compressed folder and you&rsquo;ll see something like this:</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index aea31cefe7841bb8ca2c98c71fc38fe86746b539..d2682d6437cfc663c868c278d35a8a568f873912 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="compiled-css-and-js">Compiled CSS and JS</h2>
 <p>Download ready-to-use compiled code for <strong>Bootstrap v5.0.2</strong> to easily drop into your project, which includes:</p>
@@ -549,7 +550,7 @@ The <code>bootstrap</code> module itself exports all of our plugins. You can man
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 901a0921ff5fe6e0feea7aa17808e708fa456e81..ac1a89d3ff3f766a28d2d9ced10fec55c319e569 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="quick-start">Quick start</h2>
 <p>Looking to quickly add Bootstrap to your project? Use jsDelivr, a free open source CDN. Using a package manager or need to download the source files? <a href="/docs/5.0/getting-started/download/">Head to the downloads page</a>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e5a06367383daae919bd5bdc641e37895285eb1f..ab64e3ea20bb504c6156ad0e07aa2a4140030fe5 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="individual-or-compiled">Individual or compiled</h2>
 <p>Plugins can be included individually (using Bootstrap&rsquo;s individual <code>js/dist/*.js</code>), or all at once using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code> (don&rsquo;t include both).</p>
@@ -647,7 +648,7 @@ If you use special selectors, for example: <code>collapse:Example</code> be sure
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index dfa9c30dfb1471ac7aacf3896428b8e654cb599f..59e405fdb98a2dfe1a95c646c29f587de940b8f6 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="install-parcel">Install Parcel</h2>
 <p>Install <a href="https://en.parceljs.org/getting_started.html">Parcel Bundler</a>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index b46a301b3595571570fb1e59518bec7ee8f0bb99..548e9b5ee58448a13bc9535f14a334896e3e3348 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="what-is-rfs">What is RFS?</h2>
 <p>Bootstrap&rsquo;s side project <a href="https://github.com/twbs/rfs/tree/v9.0.3">RFS</a> is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like <code>margin</code>, <code>padding</code>, <code>border-radius</code>, or even <code>box-shadow</code>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index b449c1560725aec493c85ce6131cf850392569f3..ec5c06c78a4defc756ba186b60a7c3387be84705 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="get-familiar">Get familiar</h2>
 <p>We recommend getting familiar with Bootstrap first by reading through our <a href="/docs/5.0/getting-started/introduction/">Getting Started Introduction page</a>. Once you&rsquo;ve run through it, continue reading here for how to enable RTL.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index de8469d0dbd0349bfc08dbf15588609c708120b9..8eacc177ac6be7fb5dae6e0d23cd739b97d3304e 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="installing-bootstrap">Installing Bootstrap</h2>
 <p><a href="/docs/5.0/getting-started/download/#npm">Install bootstrap</a> as a Node.js module using npm.</p>
@@ -551,7 +552,7 @@ This means that you will have to make sure to add it to your <code>package.json<
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 972aa2722cd8d5ecfdd25b791b9bfe2d9604e813..0a28b505077a11b446faa23cad19a49552c17bf4 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Easily clear <code>float</code>s by adding <code>.clearfix</code> <strong>to the parent element</strong>. Can also be used as a mixin.</p>
 <p>Use in HTML:</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 95c5ba7db4b4a9ca00aec4ffd92584e5b1eb6073..1ba094993f6a544e1c066ac2037d0c2877491873 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>You can use the <code>.link-*</code> classes to colorize links. Unlike the <a href="/docs/5.0/utilities/colors/"><code>.text-*</code> classes</a>, these classes have a <code>:hover</code> and <code>:focus</code> state.</p>
 <div class="bd-example">
@@ -493,7 +494,7 @@ Some of the link styles use a relatively light foreground color, and should only
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 3979797d1fff7419d55ef40124118b2de3d75835..143f73e2927fea9a294fe6370414798ebbe2517a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="fixed-top">Fixed top</h2>
 <p>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 additional CSS.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 06911365734d1e4c470960ac70d5f0b08222941e..d4000138e3857713c8ab030b782b69dfd0c70386 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>Use the ratio helper to manage the aspect ratios of external content like <code>&lt;iframe&gt;</code>s, <code>&lt;embed&gt;</code>s, <code>&lt;video&gt;</code>s, and <code>&lt;object&gt;</code>s. These helpers also can be used on any standard HTML child element (e.g., a <code>&lt;div&gt;</code> or <code>&lt;img&gt;</code>). Styles are applied from the parent <code>.ratio</code> class directly to the child.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 408a4f4e68aa774e6e4bf4ccafb8237c75cd2131..dd7c0e6e7eaa56175e62b99388c987ee107e154f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Add <code>.stretched-link</code> to a link to make its <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block">containing block</a> clickable via a <code>::after</code> pseudo element. In most cases, this means that an element with <code>position: relative;</code> that contains a link with the <code>.stretched-link</code> class is clickable. Please note given <a href="https://www.w3.org/TR/CSS21/visuren.html#propdef-position">how CSS <code>position</code> works</a>, <code>.stretched-link</code> cannot be mixed with most table elements.</p>
 <p>Cards have <code>position: relative</code> by default in Bootstrap, so in this case you can safely add the <code>.stretched-link</code> class to a link in the card without any other HTML changes.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 7b41b837fbac853fe78bce273a3ce9a904e7c099..761918ac770fc31979461743628c6edfb3eb6f4d 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>For longer content, you can add a <code>.text-truncate</code> class to truncate the text with an ellipsis. <strong>Requires <code>display: inline-block</code> or <code>display: block</code>.</strong></p>
 <div class="bd-example">
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4d615315b6fe9e8373d5db2831db2f97925bdd03..6bec4376c6ce4d028d6564bdd160b076793ddec0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Visually hide an element while still allowing it to be exposed to assistive technologies (such as screen readers) with <code>.visually-hidden</code>. Use <code>.visually-hidden-focusable</code> to visually hide an element by default, but to display it when it&rsquo;s focused (e.g. by a keyboard-only user). <code>.visually-hidden-focusable</code> can also be applied to a container–thanks to <code>:focus-within</code>, the container will be displayed when any child element of the container receives focus.</p>
 <div class="bd-example">
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index bd971a1985c42ccace9932c3b043f466f855d6a5..50a76ddd3c77e2ad61ac60fca3a1dfde63d2aab7 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="core-concepts">Core concepts</h2>
 <ul>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 05375bb2154cd1b4f667fc1db8c780605ce91c2f..058f5e1ccca47a365297ebd2b4c12432ab0ed93c 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <div class="bd-callout bd-callout-info">
 <strong>Heads up!</strong> Be sure to <a href="/docs/5.0/layout/grid/">read the Grid page</a> first before diving into how to modify and customize your grid columns.
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e79bc376ddf3933796aa7d6750eeb470640cfa6e..55c68c952709ec4048d1da23564b6f0322a1b8a9 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-they-work">How they work</h2>
 <p>Containers are the most basic layout element in Bootstrap and are <strong>required when using our default grid system</strong>. Containers are used to contain, pad, and (sometimes) center the content within them. While containers <em>can</em> be nested, most layouts do not require a nested container.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 3eed18e8a7b42cd99da0aebb10532cd259628a91..172a4d395f57a57b9655742e262a7ba74759d59b 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Bootstrap&rsquo;s grid system uses a series of containers, rows, and columns to layout and align content. It&rsquo;s built with <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">flexbox</a> and is fully responsive. Below is an example and an in-depth explanation for how the grid system comes together.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index a61808acd78f1e4af2d8dbc04b597e742ee1882a..812279a09a7516d0aaeaa7486c552244cdb6b8e8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-they-work">How they work</h2>
 <ul>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 5c51e6ca95940f8f83624f73d2ad3073a999b1cc..3fb219673030ae586a2e6de4c9984bd5fbb95dc0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="changing-display">Changing <code>display</code></h2>
 <p>Use our <a href="/docs/5.0/utilities/display/">display utilities</a> for responsively toggling common values of the <code>display</code> property. Mix it with our grid system, content, or components to show or hide them across specific viewports.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 0457a9a4ce3517390a0ebbfd3484b82b176a92ab..328f8839b9a80f13e9a6f03ebf7b2c4d6cf3a3e7 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Several Bootstrap components utilize <code>z-index</code>, the CSS property that helps control layout by providing a third axis to arrange content. We utilize a default z-index scale in Bootstrap that&rsquo;s been designed to properly layer navigation, tooltips and popovers, modals, and more.</p>
 <p>These higher values start at an arbitrary number, high and specific enough to ideally avoid conflicts. We need a standard set of these across our layered components—tooltips, popovers, navbars, dropdowns, modals—so we can be reasonably consistent in the behaviors. There&rsquo;s no reason we couldn&rsquo;t have used <code>100</code>+ or <code>500</code>+.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 8b85d24c17a6807bfe36b777228474de69ae5c52..dc8988d7830929348381143d654cfbd2228f8c58 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="dependencies">Dependencies</h2>
 <ul>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index db7240840cfaff7feb4dc23a6aafc8ef0f9de987..f74a8c4cc26a80a046d1647cc84fe30d3145ff06 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap utilities are generated with our utility API and can be used to modify or extend our default set of utility classes via Sass. Our utility API is based on a series of Sass maps and functions for generating families of classes with various options. If you&rsquo;re unfamiliar with Sass maps, read up on the <a href="https://sass-lang.com/documentation/values/maps">official Sass docs</a> to get started.</p>
 <p>The <code>$utilities</code> map contains all our utilities and is later merged with your custom <code>$utilities</code> map, if present. The utility map contains a keyed list of utility groups which accept the following options:</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 762c061284d4a7407cb85a1e897048cddf2b4fd5..6a1bb88cea924169530486af1d9b183bb75d445f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="background-color">Background color</h2>
 <p>Similar to the contextual text color classes, set the background of an element to any contextual class. Background utilities <strong>do not set <code>color</code></strong>, so in some cases you&rsquo;ll want to use <code>.text-*</code> <a href="/docs/5.0/utilities/colors/">color utilities</a>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 455c864616f3419dc011eb746739a82e94067c7a..cd4f54236a5f9e5599c5384dba81f927d38ee2a2 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="border">Border</h2>
 <p>Use border utilities to add or remove an element&rsquo;s borders. Choose from all borders or one at a time.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 57e07a70a7a1a08af518dd052d20ebf15365e478..6fb737552619f8fa5261a9088f464d76c3f0bc42 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="colors">Colors</h2>
 <p>Colorize text with color utilities. If you want to colorize links, you can use the <a href="/docs/5.0/helpers/colored-links/"><code>.link-*</code> helper classes</a> which have <code>:hover</code> and <code>:focus</code> states.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d79b63cf64a63e1e01d8a5bfb239e2f47debbf90..21122dbb75393ceaa8675bc58e2570f5851557e9 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Change the value of the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display"><code>display</code> property</a> with our responsive display utility classes. We purposely support only a subset of all possible values for <code>display</code>. Classes can be combined for various effects as you need.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 253c39490fcc59082559ed0a32e2078826629e94..6c079c4a21478e9b7bea74bad19ed211497c0d7a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="enable-flex-behaviors">Enable flex behaviors</h2>
 <p>Apply <code>display</code> utilities to create a flexbox container and transform <strong>direct children elements</strong> into flex items. Flex containers and items are able to be modified further with additional flex properties.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d0ba0248a94410cbf7eee2aa3cd06fb94c29dcf1..e59460948e5d27790af88e89f94b0e3c57fda524 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/float">CSS <code>float</code> property</a>. <code>!important</code> is included to avoid specificity issues. These use the same viewport breakpoints as our grid system. Please be aware float utilities have no effect on flex items.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 6763a048ef028dfb4bfe40f32b2231efbee8eb5f..1d8b352ee159d734dfdb906888400e34de327c43 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="text-selection">Text selection</h2>
 <p>Change the way in which the content is selected when the user interacts with it.</p>
@@ -505,7 +506,7 @@ The <code>.pe-none</code> class (and the <code>pointer-events</code> CSS propert
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 5a43253f3e0f88e3197320dc37c31fe9e7204036..d03d5045306d697bcc3d1531aade7abd4f6cd3db 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Adjust the <code>overflow</code> property on the fly with four default values and classes. These classes are not responsive by default.</p>
 <div class="bd-example d-md-flex">
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 45ed9344888251f32b279b7a4d6b0fa3652e28bd..6e61de3da13c950447794dea0f84b749c9912d0d 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="position-values">Position values</h2>
 <p>Quick positioning classes are available, though they are not responsive.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 2a158cb28e1588ac19f22c98fae09480b2c6f043..b390a2e11ac1d9b5836784317d2079ce8c4ebe81 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>While shadows on components are disabled by default in Bootstrap and can be enabled via <code>$enable-shadows</code>, you can also quickly add or remove a shadow with our <code>box-shadow</code> utility classes. Includes support for <code>.shadow-none</code> and three default sizes (which have associated variables to match).</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index ff55434c20f48efc349ceea06ea83cb5fe8950d3..8fd152d717b7fac7c7f25e32c45e930695caac9a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="relative-to-the-parent">Relative to the parent</h2>
 <p>Width and height utilities are generated from the utility API in <code>_utilities.scss</code>. Includes support for <code>25%</code>, <code>50%</code>, <code>75%</code>, <code>100%</code>, and <code>auto</code> by default. Modify those values as you need to generate different utilities here.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e578dea5b25f976579f5d75b29d40584797171ce..ac45daac7e963dfa758fa65fe9a2b5516c83eb8f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="margin-and-padding">Margin and padding</h2>
 <p>Assign responsive-friendly <code>margin</code> or <code>padding</code> values to an element or a subset of its sides with shorthand classes. Includes support for individual properties, all properties, and vertical and horizontal properties. Classes are built from a default Sass map ranging from <code>.25rem</code> to <code>3rem</code>.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 623250e59559b07212ad68a078bf86a59633ff73..468706c8aef0d11f87fb4d93bcb27a8f55be5747 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="text-alignment">Text alignment</h2>
 <p>Easily realign text to components with text alignment classes. For start, end, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.</p>
@@ -740,7 +741,7 @@ Note that <a href="https://rtlstyling.com/posts/rtl-styling#3.-line-break">break
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 0861bea8fdf4737cfdf251147e8b2e92f5cb85a7..1e8b7d563956b50aeb2307bb9b451310421a1c42 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Change the alignment of elements with the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"><code>vertical-alignment</code></a> utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.</p>
 <p>Choose from <code>.align-baseline</code>, <code>.align-top</code>, <code>.align-middle</code>, <code>.align-bottom</code>, <code>.align-text-bottom</code>, and <code>.align-text-top</code> as needed.</p>
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d186c3daf40ce65316183a99ea5f62d7c2a2e676..56a979bc776081514e30e4ad505e0147202aeee8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Set the <code>visibility</code> of elements with our visibility utilities. These utility classes do not modify the <code>display</code> value at all and do not affect layout – <code>.invisible</code> elements still take up space in the page.</p>
 <div class="bd-callout bd-callout-warning">
@@ -497,7 +498,7 @@ Elements with the <code>.invisible</code> class will be hidden <em>both</em> vis
 <script src="/docs/5.0/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4d2f4af00c6b88eb1fa61421f088d214ae329391..900bd342ca555c488e1c75bf61a546cf860404d2 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Have a need for Bootstrap&rsquo;s brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well.</p>
 <h2 id="logo">Logo</h2>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 553d05b9f583e8f9d341df1651b5eee7c76916af..74d089e8add46289b445e8b9bfa40fb5355a7589 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap is released under the MIT license and is copyright 2021 Twitter. Boiled down to smaller chunks, it can be described with the following conditions.</p>
 <h2 id="it-requires-you-to">It requires you to:</h2>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c5606c589183d8305661b390b09814bbe02089a6..b8d2a8be849453c98ceec3d1afe66666e5843cd0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="team">Team</h2>
 <p>Bootstrap is maintained by a <a href="https://github.com/orgs/twbs/people">small team of developers</a> on GitHub. We&rsquo;re actively looking to grow this team and would love to hear from you if you&rsquo;re excited about CSS at scale, writing and maintaining vanilla JavaScript plugins, and improving build tooling processes for frontend code.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 0dd1cdc026beccfcf0ef471edd827693298ad919..e73810ee7a9e48dabcf6513c7c10e06dea24cd4a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
 
         <strong>Mark Otto</strong> @mdo
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/fat">
       <img src="https://github.com/fat.png" alt="@fat" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Jacob Thornton</strong> @fat
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/xhmikosr">
       <img src="https://github.com/xhmikosr.png" alt="@xhmikosr" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>XhmikosR</strong> @xhmikosr
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/geosot">
       <img src="https://github.com/geosot.png" alt="@geosot" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>GeoSot</strong> @geosot
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/rohit2sharma95">
       <img src="https://github.com/rohit2sharma95.png" alt="@rohit2sharma95" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Rohit Sharma</strong> @rohit2sharma95
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/alpadev">
       <img src="https://github.com/alpadev.png" alt="@alpadev" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>alpadev</strong> @alpadev
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/ffoodd">
       <img src="https://github.com/ffoodd.png" alt="@ffoodd" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Gaël Poupard</strong> @ffoodd
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/patrickhlauke">
       <img src="https://github.com/patrickhlauke.png" alt="@patrickhlauke" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Patrick H. Lauke</strong> @patrickhlauke
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/martijncuppens">
       <img src="https://github.com/martijncuppens.png" alt="@martijncuppens" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Martijn Cuppens</strong> @martijncuppens
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/johann-s">
       <img src="https://github.com/johann-s.png" alt="@johann-s" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
         <strong>Johann-S</strong> @johann-s
       </span>
     </a>
-  
+
     <a class="list-group-item list-group-item-action d-flex align-items-center" href="https://github.com/glebm">
       <img src="https://github.com/glebm.png" alt="@glebm" width="32" height="32" class="rounded me-2" loading="lazy">
       <span>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 1b96a1efad32d7e3987a06808fcea2fc73c6188d..2a3c76a9a4d0a36dbf565716343073d1cdccac13 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>The accordion uses <a href="/docs/5.1/components/collapse/">collapse</a> internally to make it collapsible. To render an accordion that&rsquo;s expanded, add the <code>.open</code> class on the <code>.accordion</code>.</p>
@@ -763,7 +764,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index a78f0f407ad4a6c680097248312bd0b11096db9e..3cd6b545e2834d7db667c731001108dc380a27f7 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>Alerts are available for any length of text, as well as an optional close button. For proper styling, use one of the eight <strong>required</strong> contextual classes (e.g., <code>.alert-success</code>). For inline dismissal, use the <a href="#dismissing">alerts JavaScript plugin</a>.</p>
@@ -906,7 +907,7 @@ When an alert is dismissed, the element is completely removed from the page stru
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 298a042e4aa12444cd5b55425d69692a126200ff..ea02de072834721f53c2253757ac0b8c04051bf5 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>Badges scale to match the size of the immediate parent element by using relative font sizing and <code>em</code> units. As of v5, badges no longer have focus or hover styles for links.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index acd4b073196bab9e983731699a0302f7471a4b4e..65f064fa8dc7e850fcf2178421490d43262d59b5 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Use an ordered or unordered list with linked list items to create a minimally styled breadcrumb. Use our utilities to add additional styles as desired.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index b97b9db9d5a25548dd59279b1cefc5ef33ad0cdb..873e7f83b6d75f75603337bb1dc06648c71788fb 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="basic-example">Basic example</h2>
 <p>Wrap a series of buttons with <code>.btn</code> in <code>.btn-group</code>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index dd6ad259adbb615ba8038a80bb446fdff20cf638..7dc9b6e7eef118a1c6aca5aa5f3a9e4c4ddad7e6 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.</p>
@@ -915,7 +916,7 @@ Visually, these toggle buttons are identical to the <a href="/docs/5.1/forms/che
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 55fe9d45a26bf2ddda8875ef2382a5ebcd5e358c..2770dd7aa2be14d68163d74f60dc2831afe2df46 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>A <strong>card</strong> is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you&rsquo;re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.</p>
@@ -1852,7 +1853,7 @@ Note that content should not be larger than the height of the image. If content
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e5b9bb9b5d5cab4805e6e7edcfb033dd8c6c81d3..6752a6195737091aa3fad3dd9e580715099676aa 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.</p>
@@ -1164,7 +1165,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 711fecc647c4ac3cd1e4d77170e55871c9838daa..5fb94b31510b53ec7ea51627ad853ab268872a41 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Provide an option to dismiss or close a component with <code>.btn-close</code>. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default <code>background-image</code>. <strong>Be sure to include text for screen readers</strong>, as we&rsquo;ve done with <code>aria-label</code>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index a05b1f6c9cf5805f1e995d8f62a09fbfc0bca4d9..f3bd324228f0a63cf15a202eb805ae1fa55e5fba 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the <code>height</code> from its current value to <code>0</code>. Given how CSS handles animations, you cannot use <code>padding</code> on a <code>.collapse</code> element. Instead, use the class as an independent wrapping element.</p>
@@ -782,7 +783,7 @@ Multiple <code>&lt;button&gt;</code> or <code>&lt;a&gt;</code> can show and hide
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index bfb411470bc092124c94a81286136aa554978e21..bb41094a98ad3a0593beaad5889864a535818f06 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They&rsquo;re made interactive with the included Bootstrap dropdown JavaScript plugin. They&rsquo;re toggled by clicking, not by hovering; this is <a href="https://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/">an intentional design decision</a>.</p>
@@ -2008,7 +2009,7 @@ On touch-enabled devices, opening a dropdown adds empty <code>mouseover</code> h
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index a9704155cd0e3325a9a64e3c766fc9e639288dce..e354ef10077d45d0b355bf0b3445b8a193e402d4 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="basic-example">Basic example</h2>
 <p>The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 79c6de97844288aefdb9b3361dde6d2f77c796d3..990781028c91ec0e8271f1c44485b3a4b9a41590 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Before getting started with Bootstrap&rsquo;s modal component, be sure to read the following as our menu options have recently changed.</p>
@@ -1496,7 +1497,7 @@ While both ways to dismiss a modal are supported, keep in mind that dismissing f
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 7e257af25190fb29ccac7f3aecf80e4b34544fa0..5d73001c6dd816c8526cfaf3570631bd42d8a084 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Here&rsquo;s what you need to know before getting started with the navbar:</p>
@@ -1625,7 +1626,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 744d4dc623a0230a0bb9f76a9a26c59fe1b82110..1b9a6251b2fdfdd66bdc8aca46ece0a452eaaead 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="base-nav">Base nav</h2>
 <p>Navigation available in Bootstrap share general markup and styles, from the base <code>.nav</code> class to the active and disabled states. Swap modifier classes to switch between each style.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 8ae93f4d7e5202c5324bc3d46ac0d35661cf0113..2e7091802834f1a1163fd26ad62bbcd17b951b8f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Offcanvas is a sidebar component that can be toggled via JavaScript to appear from the left, right, or bottom edge of the viewport. Buttons or anchors are used as triggers that are attached to specific elements you toggle, and <code>data</code> attributes are used to invoke our JavaScript.</p>
@@ -909,7 +910,7 @@ While both ways to dismiss an offcanvas are supported, keep in mind that dismiss
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c5411ac205cf38d5f92e719333cf3d366dc26c4e..f524b8eae1c9fb3a8eab860bab55f0499c7af4ef 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>We use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. Use a wrapping <code>&lt;nav&gt;</code> element to identify it as a navigation section to screen readers and other assistive technologies.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index f378b7b9f62a88c663a0c674ac345da1daf7e8df..ca29649e22290e4a8117bb69caf5a4783c563507 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>Placeholders can be used to enhance the experience of your application. They&rsquo;re built only with HTML and CSS, meaning you don&rsquo;t need any JavaScript to create them. You will, however, need some custom JavaScript to toggle their visibility. Their appearance, color, and sizing can be easily customized with our utility classes.</p>
@@ -639,7 +640,7 @@ The use of <code>aria-hidden=&quot;true&quot;</code> only indicates that the ele
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index cfa594e631ee1cc2e29b8dbe069403678c249618..a13541f9021b93e41d632ac161e13e61230e0fb3 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Things to know when using the popover plugin:</p>
@@ -894,7 +895,7 @@ Note that for security reasons the <code>sanitize</code>, <code>sanitizeFn</code
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d8c5fdacb374505fa0d46b8105f697db9ce96aef..bfdede1a40a8e2c6a37dbf174621c836c34ce973 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. We don&rsquo;t use <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress">the HTML5 <code>&lt;progress&gt;</code> element</a>, ensuring you can stack progress bars, animate them, and place text labels over them.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 6d4e446ed844897fc582fa9cd780745c448ac59d..2ef3155c7d2ffccbd8d0f606209530d22d976e16 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Scrollspy has a few requirements to function properly:</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index abf50d928cd56b5a7fa33248f6354a20320ad118..777ae8bac91f97a21b6f1839ed000f7b68c69ef8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>Bootstrap &ldquo;spinners&rdquo; can be used to show the loading state in your projects. They&rsquo;re built only with HTML and CSS, meaning you don&rsquo;t need any JavaScript to create them. You will, however, need some custom JavaScript to toggle their visibility. Their appearance, alignment, and sizing can be easily customized with our amazing utility classes.</p>
@@ -793,7 +794,7 @@ The animation effect of this component is dependent on the <code>prefers-reduced
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 99c59bc5dab5c5220f2af2a87e99fc1f6253eda6..53740b9732737e8a58a49d10a43800dbb2928a1a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They&rsquo;re built with flexbox, so they&rsquo;re easy to align and position.</p>
 <h2 id="overview">Overview</h2>
@@ -1068,7 +1069,7 @@ You have to manually call this method, instead your toast won&rsquo;t show.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 591af40c17b2a6520d6f320d9031ae784e931bc4..e8545ab9bade2d2863569a11860799d880917027 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Things to know when using the tooltip plugin:</p>
@@ -893,7 +894,7 @@ Note that for security reasons the <code>sanitize</code>, <code>sanitizeFn</code
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 85f5121a40bfcb270c56033da8217f022183ab00..c64acb7c439b2c597bcfdde66e31be8a536463e4 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Anytime you need to display a piece of content—like an image with an optional caption, consider using a <code>&lt;figure&gt;</code>.</p>
 <p>Use the included <code>.figure</code>, <code>.figure-img</code> and <code>.figure-caption</code> classes to provide some baseline styles for the HTML5 <code>&lt;figure&gt;</code> and <code>&lt;figcaption&gt;</code> elements. Images in figures have no explicit size, so be sure to add the <code>.img-fluid</code> class to your <code>&lt;img&gt;</code> to make it responsive.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4bbd300b84931832dc4a2946ba782262626245fb..f392bb9edcbfaf15ced55d942e6e18dfab181c94 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="responsive-images">Responsive images</h2>
 <p>Images in Bootstrap are made responsive with <code>.img-fluid</code>. This applies <code>max-width: 100%;</code> and <code>height: auto;</code> to the image so that it scales with the parent width.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 803223944949d6839b9c9825e786bcefa66ae6c0..ba371bb62c81d5f93dd353c19ca3ef1e84d35d4a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="approach">Approach</h2>
 <p>Reboot builds upon Normalize, providing many HTML elements with somewhat opinionated styles using only element selectors. Additional styling is done only with classes. For example, we reboot some <code>&lt;table&gt;</code> styles for a simpler baseline and later provide <code>.table</code>, <code>.table-bordered</code>, and more.</p>
@@ -930,7 +931,7 @@ To edit settings, press <span class="p">&lt;</span><span class="nt">kbd</span><s
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 8560f42577033040e29f3247e627f5aea554570e..fd4a08be964ee3077a92eae8e498a3c1996a1c81 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Due to the widespread use of <code>&lt;table&gt;</code> elements across third-party widgets like calendars and date pickers, Bootstrap&rsquo;s tables are <strong>opt-in</strong>. Add the base class <code>.table</code> to any <code>&lt;table&gt;</code>, then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent.</p>
         <td>Cell</td>
         <td>Cell</td>
       </tr>
-      
+
         <tr class="table-primary">
           <th scope="row">Primary</th>
           <td>Cell</td>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c962a511d87064fed40343d407d8bc3613c06769..22b0927d059c742a3de113e9d0489caa32b09d89 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="global-settings">Global settings</h2>
 <p>Bootstrap sets basic global display, typography, and link styles. When more control is needed, check out the <a href="/docs/5.1/utilities/text/">textual utility classes</a>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index a9106c994ece7ba6264ac2096e3c1cdbd37ef714..2f2fd3de1c543db79b81d0998e321c0c4d3b4fea 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="theme-colors">Theme colors</h2>
 <p>We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstrap&rsquo;s <code>scss/_variables.scss</code> file.</p>
 <div class="row">
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-primary text-white">Primary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-secondary text-white">Secondary</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-success text-white">Success</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-danger text-white">Danger</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-warning text-dark">Warning</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-info text-dark">Info</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-light text-dark">Light</div>
     </div>
-  
+
     <div class="col-md-4">
       <div class="p-3 mb-3 bg-dark text-white">Dark</div>
     </div>
-  
+
 </div>
 <p>All these colors are available as a Sass map, <code>$theme-colors</code>.</p>
 <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scss" data-lang="scss"><span class="nv">$theme-colors</span><span class="o">:</span> <span class="p">(</span>
 <p>All Bootstrap colors are available as Sass variables and a Sass map in <code>scss/_variables.scss</code> file. To avoid increased file sizes, we don&rsquo;t create text or background color classes for each of these variables. Instead, we choose a subset of these colors for a <a href="#theme-colors">theme palette</a>.</p>
 <p>Be sure to monitor contrast ratios as you customize colors. As shown below, we&rsquo;ve added three contrast ratios to each of the main colors—one for the swatch&rsquo;s current colors, one for against white, and one for against black.</p>
 <div class="row font-monospace">
-  
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-blue">
         <strong class="d-block">$blue</strong>
         #0d6efd
       </div>
-      
+
       <div class="p-3 bd-blue-100">$blue-100</div>
-      
+
       <div class="p-3 bd-blue-200">$blue-200</div>
-      
+
       <div class="p-3 bd-blue-300">$blue-300</div>
-      
+
       <div class="p-3 bd-blue-400">$blue-400</div>
-      
+
       <div class="p-3 bd-blue-500">$blue-500</div>
-      
+
       <div class="p-3 bd-blue-600">$blue-600</div>
-      
+
       <div class="p-3 bd-blue-700">$blue-700</div>
-      
+
       <div class="p-3 bd-blue-800">$blue-800</div>
-      
+
       <div class="p-3 bd-blue-900">$blue-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-indigo">
         <strong class="d-block">$indigo</strong>
         #6610f2
       </div>
-      
+
       <div class="p-3 bd-indigo-100">$indigo-100</div>
-      
+
       <div class="p-3 bd-indigo-200">$indigo-200</div>
-      
+
       <div class="p-3 bd-indigo-300">$indigo-300</div>
-      
+
       <div class="p-3 bd-indigo-400">$indigo-400</div>
-      
+
       <div class="p-3 bd-indigo-500">$indigo-500</div>
-      
+
       <div class="p-3 bd-indigo-600">$indigo-600</div>
-      
+
       <div class="p-3 bd-indigo-700">$indigo-700</div>
-      
+
       <div class="p-3 bd-indigo-800">$indigo-800</div>
-      
+
       <div class="p-3 bd-indigo-900">$indigo-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-purple">
         <strong class="d-block">$purple</strong>
         #6f42c1
       </div>
-      
+
       <div class="p-3 bd-purple-100">$purple-100</div>
-      
+
       <div class="p-3 bd-purple-200">$purple-200</div>
-      
+
       <div class="p-3 bd-purple-300">$purple-300</div>
-      
+
       <div class="p-3 bd-purple-400">$purple-400</div>
-      
+
       <div class="p-3 bd-purple-500">$purple-500</div>
-      
+
       <div class="p-3 bd-purple-600">$purple-600</div>
-      
+
       <div class="p-3 bd-purple-700">$purple-700</div>
-      
+
       <div class="p-3 bd-purple-800">$purple-800</div>
-      
+
       <div class="p-3 bd-purple-900">$purple-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-pink">
         <strong class="d-block">$pink</strong>
         #d63384
       </div>
-      
+
       <div class="p-3 bd-pink-100">$pink-100</div>
-      
+
       <div class="p-3 bd-pink-200">$pink-200</div>
-      
+
       <div class="p-3 bd-pink-300">$pink-300</div>
-      
+
       <div class="p-3 bd-pink-400">$pink-400</div>
-      
+
       <div class="p-3 bd-pink-500">$pink-500</div>
-      
+
       <div class="p-3 bd-pink-600">$pink-600</div>
-      
+
       <div class="p-3 bd-pink-700">$pink-700</div>
-      
+
       <div class="p-3 bd-pink-800">$pink-800</div>
-      
+
       <div class="p-3 bd-pink-900">$pink-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-red">
         <strong class="d-block">$red</strong>
         #dc3545
       </div>
-      
+
       <div class="p-3 bd-red-100">$red-100</div>
-      
+
       <div class="p-3 bd-red-200">$red-200</div>
-      
+
       <div class="p-3 bd-red-300">$red-300</div>
-      
+
       <div class="p-3 bd-red-400">$red-400</div>
-      
+
       <div class="p-3 bd-red-500">$red-500</div>
-      
+
       <div class="p-3 bd-red-600">$red-600</div>
-      
+
       <div class="p-3 bd-red-700">$red-700</div>
-      
+
       <div class="p-3 bd-red-800">$red-800</div>
-      
+
       <div class="p-3 bd-red-900">$red-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-orange">
         <strong class="d-block">$orange</strong>
         #fd7e14
       </div>
-      
+
       <div class="p-3 bd-orange-100">$orange-100</div>
-      
+
       <div class="p-3 bd-orange-200">$orange-200</div>
-      
+
       <div class="p-3 bd-orange-300">$orange-300</div>
-      
+
       <div class="p-3 bd-orange-400">$orange-400</div>
-      
+
       <div class="p-3 bd-orange-500">$orange-500</div>
-      
+
       <div class="p-3 bd-orange-600">$orange-600</div>
-      
+
       <div class="p-3 bd-orange-700">$orange-700</div>
-      
+
       <div class="p-3 bd-orange-800">$orange-800</div>
-      
+
       <div class="p-3 bd-orange-900">$orange-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-yellow">
         <strong class="d-block">$yellow</strong>
         #ffc107
       </div>
-      
+
       <div class="p-3 bd-yellow-100">$yellow-100</div>
-      
+
       <div class="p-3 bd-yellow-200">$yellow-200</div>
-      
+
       <div class="p-3 bd-yellow-300">$yellow-300</div>
-      
+
       <div class="p-3 bd-yellow-400">$yellow-400</div>
-      
+
       <div class="p-3 bd-yellow-500">$yellow-500</div>
-      
+
       <div class="p-3 bd-yellow-600">$yellow-600</div>
-      
+
       <div class="p-3 bd-yellow-700">$yellow-700</div>
-      
+
       <div class="p-3 bd-yellow-800">$yellow-800</div>
-      
+
       <div class="p-3 bd-yellow-900">$yellow-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-green">
         <strong class="d-block">$green</strong>
         #198754
       </div>
-      
+
       <div class="p-3 bd-green-100">$green-100</div>
-      
+
       <div class="p-3 bd-green-200">$green-200</div>
-      
+
       <div class="p-3 bd-green-300">$green-300</div>
-      
+
       <div class="p-3 bd-green-400">$green-400</div>
-      
+
       <div class="p-3 bd-green-500">$green-500</div>
-      
+
       <div class="p-3 bd-green-600">$green-600</div>
-      
+
       <div class="p-3 bd-green-700">$green-700</div>
-      
+
       <div class="p-3 bd-green-800">$green-800</div>
-      
+
       <div class="p-3 bd-green-900">$green-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-teal">
         <strong class="d-block">$teal</strong>
         #20c997
       </div>
-      
+
       <div class="p-3 bd-teal-100">$teal-100</div>
-      
+
       <div class="p-3 bd-teal-200">$teal-200</div>
-      
+
       <div class="p-3 bd-teal-300">$teal-300</div>
-      
+
       <div class="p-3 bd-teal-400">$teal-400</div>
-      
+
       <div class="p-3 bd-teal-500">$teal-500</div>
-      
+
       <div class="p-3 bd-teal-600">$teal-600</div>
-      
+
       <div class="p-3 bd-teal-700">$teal-700</div>
-      
+
       <div class="p-3 bd-teal-800">$teal-800</div>
-      
+
       <div class="p-3 bd-teal-900">$teal-900</div>
-      
+
     </div>
-    
+
     <div class="col-md-4 mb-3">
       <div class="p-3 mb-2 position-relative swatch-cyan">
         <strong class="d-block">$cyan</strong>
         #0dcaf0
       </div>
-      
+
       <div class="p-3 bd-cyan-100">$cyan-100</div>
-      
+
       <div class="p-3 bd-cyan-200">$cyan-200</div>
-      
+
       <div class="p-3 bd-cyan-300">$cyan-300</div>
-      
+
       <div class="p-3 bd-cyan-400">$cyan-400</div>
-      
+
       <div class="p-3 bd-cyan-500">$cyan-500</div>
-      
+
       <div class="p-3 bd-cyan-600">$cyan-600</div>
-      
+
       <div class="p-3 bd-cyan-700">$cyan-700</div>
-      
+
       <div class="p-3 bd-cyan-800">$cyan-800</div>
-      
+
       <div class="p-3 bd-cyan-900">$cyan-900</div>
-      
+
     </div>
     <div class="col-md-4 mb-3">
     <div class="p-3 mb-2 position-relative swatch-gray-500">
       #adb5bd
     </div>
     <div class="p-3 bd-gray-100">$gray-100</div>
-  
+
     <div class="p-3 bd-gray-200">$gray-200</div>
-  
+
     <div class="p-3 bd-gray-300">$gray-300</div>
-  
+
     <div class="p-3 bd-gray-400">$gray-400</div>
-  
+
     <div class="p-3 bd-gray-500">$gray-500</div>
-  
+
     <div class="p-3 bd-gray-600">$gray-600</div>
-  
+
     <div class="p-3 bd-gray-700">$gray-700</div>
-  
+
     <div class="p-3 bd-gray-800">$gray-800</div>
-  
+
     <div class="p-3 bd-gray-900">$gray-900</div>
   </div>
-  
+
   <div class="col-md-4 mb-3">
     <div class="p-3 mb-2 bd-black text-white">
       <strong class="d-block">$black</strong>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c335114aa427b548101c8c841b6ecd7ea839bbbf..d777da1377b74f51acccc02b8e7aede9c67761f9 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="base-classes">Base classes</h2>
 <p>Bootstrap&rsquo;s components are largely built with a base-modifier nomenclature. We group as many shared properties as possible into a base class, like <code>.btn</code>, and then group individual styles for each variant into modifier classes, like <code>.btn-primary</code> or <code>.btn-success</code>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 32a32f485eb3dbac1d9933df2f721a86e3b39d29..a25b9e5d2956bad8cd07c81566300a22ff885227 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap includes many <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties">CSS custom properties (variables)</a> in its compiled CSS for real-time customization without the need to recompile Sass. These provide easy access to commonly used values like our theme colors, breakpoints, and primary font stacks when working in your browser&rsquo;s inspector, a code sandbox, or general prototyping.</p>
 <p><strong>All our custom properties are prefixed with <code>bs-</code></strong> to avoid conflicts with third party CSS.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 14738fabad40ac1b90d26f46bf9f78d83a2ff037..d12ece3e1b2025f0224768a9f4b03474c3773076 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="lean-sass-imports">Lean Sass imports</h2>
 <p>When using Sass in your asset pipeline, make sure you optimize Bootstrap by only <code>@import</code>ing the components you need. Your largest optimizations will likely come from the <code>Layout &amp; Components</code> section of our <code>bootstrap.scss</code>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 0f33317b98a36319409b1c722fc7521a0e7c714d..e9df500c38303afa14a06b06f5f00b113d79c4e3 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Customize Bootstrap with our built-in custom variables file and easily toggle global CSS preferences with new <code>$enable-*</code> Sass variables. Override a variable&rsquo;s value and recompile with <code>npm run test</code> as needed.</p>
 <p>You can find and customize these variables for key global options in Bootstrap&rsquo;s <code>scss/_variables.scss</code> file.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index afa32f90c15f09404cd8096f9821f76f0c7decbe..ff88c22d3d64de34e17d97cfe69eb121e964a094 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
           <div class="row g-3">
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../sass/">
                 <strong class="d-block h5 mb-0">Sass</strong>
                 <span class="text-secondary">Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../options/">
                 <strong class="d-block h5 mb-0">Options</strong>
                 <span class="text-secondary">Customize Bootstrap with built-in variables to easily toggle global CSS preferences.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../color/">
                 <strong class="d-block h5 mb-0">Color</strong>
                 <span class="text-secondary">Learn about and customize the color systems that support the entire toolkit.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../components/">
                 <strong class="d-block h5 mb-0">Components</strong>
                 <span class="text-secondary">Learn how we build nearly all our components responsively and with base and modifier classes.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../css-variables/">
                 <strong class="d-block h5 mb-0">CSS variables</strong>
                 <span class="text-secondary">Use Bootstrap&#39;s CSS custom properties for fast and forward-looking design and development.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../optimize/">
                 <strong class="d-block h5 mb-0">Optimize</strong>
                 <span class="text-secondary">Keep your projects lean, responsive, and maintainable so you can deliver the best experience.</span>
               </a>
             </div>
-            
+
           </div>
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>There are multiple ways to customize Bootstrap. Your best path can depend on your project, the complexity of your build tools, the version of Bootstrap you&rsquo;re using, browser support, and more.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 3528515fcab24f4df3d5bab2d50b04b9a2033e74..e07c4e1605338f94cfeed37845548fe7fa993a01 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Utilize our source Sass files to take advantage of variables, maps, mixins, and more.</p>
 <h2 id="file-structure">File structure</h2>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index da7bb2be892aa02e88b50f14e427b85528d69cb9..aa03a336600719a022b7a51e562c31393cc67535 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -62,7 +63,7 @@
     <div class="skippy visually-hidden-focusable overflow-hidden">
   <div class="container-xl">
     <a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-    
+
   </div>
 </div>
 
 </header>
 
 
-    
+
   <header class="py-5 border-bottom">
     <div class="container pt-md-1 pb-md-4">
       <div class="row">
         <div class="col-xl-8">
           <h1 class="bd-title mt-0">Examples</h1>
           <p class="bd-lead">Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.</p>
-          
+
           <div class="d-flex flex-column flex-sm-row">
             <a href="https://github.com/twbs/bootstrap/releases/download/v5.1.3/bootstrap-5.1.3-examples.zip" class="btn btn-lg btn-bd-primary" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');">Download examples</a>
             <a href="https://github.com/twbs/bootstrap/archive/v5.1.3.zip" class="btn btn-lg btn-outline-secondary mt-3 mt-sm-0 ms-sm-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');">Download source code</a>
           </div>
-          
+
         </div>
         <div class="col-xl-4 d-lg-flex justify-content-xl-end">
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
   <main class="bd-content order-1 py-5" id="content">
     <div class="container">
-      
+
 <h2 id="snippets">Snippets</h2>
   <p>Common patterns for building sites and apps that build on existing components and utilities with custom CSS and more.</p>
   <div class="row">
         </a>
         <p class="text-muted">Display your branding, navigation, search, and more with these header components</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/heroes/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/heroes.png,
         </a>
         <p class="text-muted">Set the stage on your homepage with heroes that feature clear calls to action.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/features/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/features.png,
         </a>
         <p class="text-muted">Explain the features, benefits, or other details in your marketing content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/sidebars/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/sidebars.png,
         </a>
         <p class="text-muted">Common navigation patterns ideal for offcanvas or multi-column layouts.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/footers/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/footers.png,
         </a>
         <p class="text-muted">Finish every page strong with an awesome footer, big or small.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/dropdowns/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/dropdowns.png,
         </a>
         <p class="text-muted">Enhance your dropdowns with filters, icons, custom styles, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/list-groups/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/list-groups.png,
         </a>
         <p class="text-muted">Extend list groups with utilities and custom styles for any content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/modals/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/modals.png,
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/pricing/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/pricing.png,
         </a>
         <p class="text-muted">Example pricing page built with Cards and featuring a custom header and footer.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/checkout/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/checkout.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/product/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/product.png,
         </a>
         <p class="text-muted">Lean product-focused marketing page with extensive grid and image work.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/cover/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/cover.png,
         </a>
         <p class="text-muted">A one-page template for building simple and beautiful home pages.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/carousel/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/carousel.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/blog/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/blog.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/dashboard/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/dashboard.png,
         </a>
         <p class="text-muted">Basic admin dashboard shell with fixed sidebar and navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/sign-in/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/sign-in.png,
         </a>
         <p class="text-muted">Custom form layout and design for a simple sign in form.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/sticky-footer/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/sticky-footer.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport when page content is short.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/sticky-footer-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/sticky-footer-navbar.png,
         </a>
         <p class="text-muted">Attach a footer to the bottom of the viewport with a fixed top navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/jumbotron/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/jumbotron.png,
         </a>
         <p class="text-muted">Nothing but the basics: compiled CSS and JavaScript.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/grid/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/grid.png,
         </a>
         <p class="text-muted">Multiple examples of grid layouts with all four tiers, nesting, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/cheatsheet/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/cheatsheet.png,
         </a>
         <p class="text-muted">Kitchen sink of Bootstrap components.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/cheatsheet-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/cheatsheet-rtl.png,
         </a>
         <p class="text-muted">Demonstration of all responsive and container options for the navbar.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/navbar-static/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/navbar-static.png,
         </a>
         <p class="text-muted">Single navbar example of a static top navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/navbar-fixed/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/navbar-fixed.png,
         </a>
         <p class="text-muted">Single navbar example with a fixed top navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/navbar-bottom/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/navbar-bottom.png,
         </a>
         <p class="text-muted">Single navbar example with a bottom navbar along with some additional content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/offcanvas-navbar/">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/offcanvas-navbar.png,
         </a>
         <p class="text-muted">Simple one-page template for photo galleries, portfolios, and more.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/checkout-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/checkout-rtl.png,
         </a>
         <p class="text-muted">Custom checkout form showing our form components and their validation features.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/carousel-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/carousel-rtl.png,
         </a>
         <p class="text-muted">Customize the navbar and carousel, then add some new components.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/blog-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/blog-rtl.png,
         </a>
         <p class="text-muted">Magazine like blog template with header, navigation, featured content.</p>
       </div>
-    
-  
+
+
       <div class="col-sm-6 col-md-4 col-xl-3 mb-3">
         <a class="d-block" href="/docs/5.1/examples/dashboard-rtl/" hreflang="ar">
           <img class="img-thumbnail mb-3" srcset="/docs/5.1/assets/img/examples/dashboard-rtl.png,
         <p class="text-muted">Combine the powers of the Bootstrap grid and the Masonry layout.</p>
       </div>
     </div>
-  
 
 
-      
+
+
         <hr class="my-5">
         <div class="container">
           <div class="text-center">
                                                         src="/docs/5.1/assets/img/bootstrap-themes-collage.png"
                                                         alt="Bootstrap Themes" width="1150" height="320" loading="lazy">
         </div>
-      
+
     </div>
   </main>
 
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-    
+
+
   </body>
 </html>
index b1f250054fccb104ca18132a681093475348b1c2..9a3d4fe3085f4baf7b5b220713f058b437c04a3f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>While the getting started pages provide an introductory tour of the project and what it offers, this document focuses on <em>why</em> we do the things we do in Bootstrap. It explains our philosophy to building on the web so that others can learn from us, contribute with us, and help us improve.</p>
 <p>See something that doesn&rsquo;t sound right, or perhaps could be done better? <a href="https://github.com/twbs/bootstrap/issues/new">Open an issue</a>—we&rsquo;d love to discuss it with you.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 06ec9fc81a7a981c996f540778295c0dc6a8cb47..352ed80b2d16731330f33eaf891d823694d472aa 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>While Bootstrap doesn&rsquo;t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project. We&rsquo;ve included details for Bootstrap Icons and other preferred icon sets below.</p>
 <p>While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 6e55e254e6c35ac63eb271967b6375c7c4bc4137..99c8c0da7d8a748488230039980b50c358ee42a6 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="approach">Approach</h2>
 <p>Browser default checkboxes and radios are replaced with the help of <code>.form-check</code>, a series of classes for both input types that improves the layout and behavior of their HTML elements, that provide greater customization and cross browser consistency. Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.</p>
@@ -911,7 +912,7 @@ Visually, these checkbox toggle buttons are identical to the <a href="/docs/5.1/
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index efc2cda51da66e63e44ff57d62bbd78db2cde0a4..97854a38c5a83560506a686f948346bd7e58b868 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Wrap a pair of <code>&lt;input class=&quot;form-control&quot;&gt;</code> and <code>&lt;label&gt;</code> elements in <code>.form-floating</code> to enable floating labels with Bootstrap&rsquo;s textual form fields. A <code>placeholder</code> is required on each <code>&lt;input&gt;</code> as our method of CSS-only floating labels uses the <code>:placeholder-shown</code> pseudo-element. Also note that the <code>&lt;input&gt;</code> must come first so we can utilize a sibling selector (e.g., <code>~</code>).</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 585c83d45b68871df827e36dbcbaaff35cbaa434..d5bf74f33004bebcd93ce9513500331698f7efa9 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <div class="bd-example">
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 65a77e31d69e274564cba68789e0df45e1b0327d..8e997f70e022b096b61b285d5757d5403fe25344 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="basic-example">Basic example</h2>
 <p>Place one add-on or button on either side of an input. You may also place one on both sides of an input. Remember to place <code>&lt;label&gt;</code>s outside the input group.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index fa0cbcaa86aecf87dc14cb0df8dc0e918e3f0b1d..aea92515e4f6ba84254cd9cb6cb81fe667f4b5e8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="forms">Forms</h2>
 <p>Every group of form fields should reside in a <code>&lt;form&gt;</code> element. Bootstrap provides no default styling for the <code>&lt;form&gt;</code> element, but there are some powerful browser features that are provided by default.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 61fac6e45b45ce7c5583a89b1fcf9e008d480af7..4ba851ae027dc0d5ae3c100f39b66fe2caa6744b 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
           <div class="row g-3">
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../form-control/">
                 <strong class="d-block h5 mb-0">Form control</strong>
                 <span class="text-secondary">Style textual inputs and textareas with support for multiple states.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../select/">
                 <strong class="d-block h5 mb-0">Select</strong>
                 <span class="text-secondary">Improve browser default select elements with a custom initial appearance.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../checks-radios/">
                 <strong class="d-block h5 mb-0">Checks &amp; radios</strong>
                 <span class="text-secondary">Use our custom radio buttons and checkboxes in forms for selecting input options.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../range/">
                 <strong class="d-block h5 mb-0">Range</strong>
                 <span class="text-secondary">Replace browser default range inputs with our custom version.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../input-group/">
                 <strong class="d-block h5 mb-0">Input group</strong>
                 <span class="text-secondary">Attach labels and buttons to your inputs for increased semantic value.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../floating-labels/">
                 <strong class="d-block h5 mb-0">Floating labels</strong>
                 <span class="text-secondary">Create beautifully simple form labels that float over your input fields.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../layout/">
                 <strong class="d-block h5 mb-0">Layout</strong>
                 <span class="text-secondary">Create inline, horizontal, or complex grid-based layouts with your forms.</span>
               </a>
             </div>
-            
+
             <div class="col-md-6">
               <a class="d-block text-decoration-none" href="../validation/">
                 <strong class="d-block h5 mb-0">Validation</strong>
                 <span class="text-secondary">Validate your forms with custom or native validation behaviors and styles.</span>
               </a>
             </div>
-            
+
           </div>
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Bootstrap&rsquo;s form controls expand on <a href="/docs/5.1/content/reboot/#forms">our Rebooted form styles</a> with classes. Use these classes to opt into their customized displays for a more consistent rendering across browsers and devices.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e704d3258672f327c902b96c43f62196b9ca5de8..bbb92e73ca6551b374c296613639e5316d690cdb 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>Create custom <code>&lt;input type=&quot;range&quot;&gt;</code> controls with <code>.form-range</code>. The track (the background) and thumb (the value) are both styled to appear the same across browsers. As only Firefox supports &ldquo;filling&rdquo; their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 825ac26b06d626a99899f5b80b6ecd614f25ebad..c05f029280e92b5b4ceed8cd330bff95eebf35b2 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="default">Default</h2>
 <p>Custom <code>&lt;select&gt;</code> menus need only a custom class, <code>.form-select</code> to trigger the custom styles. Custom styles are limited to the <code>&lt;select&gt;</code>&rsquo;s initial appearance and cannot modify the <code>&lt;option&gt;</code>s due to browser limitations.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 5e1258dd0580117bc279aa5cd231bbe59ba7f3f3..a5ee210b85d9181a59ce73702cd19a3a359d6c48 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <div class="bd-callout bd-callout-warning">
 We are aware that currently the client-side custom validation styles and tooltips are not accessible, since they are not exposed to assistive technologies. While we work on a solution, we&rsquo;d recommend either using the server-side option or the default browser validation method.
@@ -1273,7 +1274,7 @@ We are aware that currently the client-side custom validation styles and tooltip
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
+
   <script async src="/docs/5.1/assets/js/validate-forms.js"></script>
   </body>
 </html>
index 82edd289c108b5b37294a117163ee0a7698672e7..20ecfbfc414ade76173233889965efce4e971edb 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap provides an easy-to-use framework of ready-made styles, layout tools, and interactive components, allowing developers to create websites and applications that are visually appealing, functionally rich, and accessible out of the box.</p>
 <h2 id="overview-and-limitations">Overview and limitations</h2>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 2fe7e1d64b55122c0ae966e2f4941de4d8652345..934fb48153d9b21ea544287de981c0567ee2d97a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>We&rsquo;ve designed and developed Bootstrap to work in a number of environments. Here are some of the best practices we&rsquo;ve gathered from years of working on and using it ourselves.</p>
 <div class="bd-callout bd-callout-info">
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 928c01e35ef917aafb26c0adfd4f340ebbf9705e..3ec9fdff48167379ce905a3f44b77ed04b86b83a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="supported-browsers">Supported browsers</h2>
 <p>Bootstrap supports the <strong>latest, stable releases</strong> of all major browsers and platforms.</p>
@@ -593,7 +594,7 @@ not Explorer &lt;= 11
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 6e13ff2f0beb10ddcb50c3c7c1123ae0a2fe9265..3d50d554fcc117f57cc73d5c06618ce116186278 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="precompiled-bootstrap">Precompiled Bootstrap</h2>
 <p>Once downloaded, unzip the compressed folder and you&rsquo;ll see something like this:</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d66b5767056ba4bdbd4e8621a8f533e715f4205d..87e35fbaa4fe25b982faa6af67a1b43fa176da47 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="tooling-setup">Tooling setup</h2>
 <p>Bootstrap uses <a href="https://docs.npmjs.com/misc/scripts/">npm scripts</a> to build the documentation and compile source files. Our <a href="https://github.com/twbs/bootstrap/blob/v5.1.3/package.json">package.json</a> houses these scripts for compiling code, running tests, and more. These aren&rsquo;t intended for use outside our repository and documentation.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 9676d9a241f26ab3e47fffb0b394b93f3d10c12e..1363e685f396b356bb409c9e5ab6296d0761bc13 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="compiled-css-and-js">Compiled CSS and JS</h2>
 <p>Download ready-to-use compiled code for <strong>Bootstrap v5.1.3</strong> to easily drop into your project, which includes:</p>
@@ -554,7 +555,7 @@ The <code>bootstrap</code> module itself exports all of our plugins. You can man
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d8099d6025a0bbb05104b61c4b66c0cd1736df12..08435d94cc992f113148d8d2cea3e20d040c490b 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="quick-start">Quick start</h2>
 <p>Looking to quickly add Bootstrap to your project? Use jsDelivr, a free open source CDN. Using a package manager or need to download the source files? <a href="/docs/5.1/getting-started/download/">Head to the downloads page</a>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 979d19c82e86eafe1b80bea71fbaf2e78aead59d..4090df572fe4a908b98d866db11b52a1e793fa21 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="individual-or-compiled">Individual or compiled</h2>
 <p>Plugins can be included individually (using Bootstrap&rsquo;s individual <code>js/dist/*.js</code>), or all at once using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code> (don&rsquo;t include both).</p>
@@ -652,7 +653,7 @@ If you use special selectors, for example: <code>collapse:Example</code> be sure
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index f9b2aeb9a368a34435e5295ee5ad2649132a3731..d6b1fe2060546393c0266b43c8135821b01067e0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="install-parcel">Install Parcel</h2>
 <p>Install <a href="https://en.parceljs.org/getting_started.html">Parcel Bundler</a>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 544885cae18bb04a0c03807586f0a8dd0baec4fd..b551f716a8119361bc9d92d67fe012068fc353e1 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="what-is-rfs">What is RFS?</h2>
 <p>Bootstrap&rsquo;s side project <a href="https://github.com/twbs/rfs/tree/v9.0.6">RFS</a> is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like <code>margin</code>, <code>padding</code>, <code>border-radius</code>, or even <code>box-shadow</code>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index adaaf3a9d7ef741a97fd44a28084a34d99eb899e..edfecc9e9989bcfc6b451c6cda18c086b46c56bd 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="get-familiar">Get familiar</h2>
 <p>We recommend getting familiar with Bootstrap first by reading through our <a href="/docs/5.1/getting-started/introduction/">Getting Started Introduction page</a>. Once you&rsquo;ve run through it, continue reading here for how to enable RTL.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 56d93d4502ea9d36bcfab251e96754ea9a018618..ec4830a4a74212c1a27cf27cbf9127b821f14e7c 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="installing-bootstrap">Installing Bootstrap</h2>
 <p><a href="/docs/5.1/getting-started/download/#npm">Install bootstrap</a> as a Node.js module using npm.</p>
@@ -560,7 +561,7 @@ This means that you will have to make sure to add it to your <code>package.json<
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 49c08369b5df1c0c6b03fe0917c9379d9b7a09b7..5808dc14e1499e01100b4dc19d0fd5651714ac1d 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Easily clear <code>float</code>s by adding <code>.clearfix</code> <strong>to the parent element</strong>. Can also be used as a mixin.</p>
 <p>Use in HTML:</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 5eb615a9dc6934830e57ab8ad7eb2d2d343c6aa6..090a581d6a19d316e26a9674064d0ed0519bc243 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>You can use the <code>.link-*</code> classes to colorize links. Unlike the <a href="/docs/5.1/utilities/colors/"><code>.text-*</code> classes</a>, these classes have a <code>:hover</code> and <code>:focus</code> state.</p>
 <div class="bd-example">
@@ -498,7 +499,7 @@ Some of the link styles use a relatively light foreground color, and should only
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 73eea057a1188d16c861d405514a18b0b7795fae..d30ebd23466bf6753823ddbea0ada7c64d25a8f8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="fixed-top">Fixed top</h2>
 <p>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 additional CSS.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 163fed825fc87c822fe14985240239be0b07cdee..56b92371525d45cd40dfafbf9993592565c39305 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="about">About</h2>
 <p>Use the ratio helper to manage the aspect ratios of external content like <code>&lt;iframe&gt;</code>s, <code>&lt;embed&gt;</code>s, <code>&lt;video&gt;</code>s, and <code>&lt;object&gt;</code>s. These helpers also can be used on any standard HTML child element (e.g., a <code>&lt;div&gt;</code> or <code>&lt;img&gt;</code>). Styles are applied from the parent <code>.ratio</code> class directly to the child.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 30fc654c3d827fb0d3faa8df334419cb21bc6c02..856fffe1e10abfae1f2bfefecdd70a5394622d8b 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Stacks offer a shortcut for applying a number of flexbox properties to quickly and easily create layouts in Bootstrap. All credit for the concept and implementation goes to the open source <a href="https://almonk.github.io/pylon/">Pylon project</a>.</p>
 <div class="bd-callout bd-callout-warning">
@@ -584,7 +585,7 @@ Heads up! Support for gap utilities with flexbox was recently added to Safari, s
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 26b8d2a3d29458c7bbb1a4391490a90ecee36919..c119285cd198d1d1d2939650daf0e75fb2ca029e 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Add <code>.stretched-link</code> to a link to make its <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block">containing block</a> clickable via a <code>::after</code> pseudo element. In most cases, this means that an element with <code>position: relative;</code> that contains a link with the <code>.stretched-link</code> class is clickable. Please note given <a href="https://www.w3.org/TR/CSS21/visuren.html#propdef-position">how CSS <code>position</code> works</a>, <code>.stretched-link</code> cannot be mixed with most table elements.</p>
 <p>Cards have <code>position: relative</code> by default in Bootstrap, so in this case you can safely add the <code>.stretched-link</code> class to a link in the card without any other HTML changes.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 48bdfddb0aafc84c9616856ca3b149cd90595c8c..d0fdc47429ffababb99e7132bc09e20000e3a7ca 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>For longer content, you can add a <code>.text-truncate</code> class to truncate the text with an ellipsis. <strong>Requires <code>display: inline-block</code> or <code>display: block</code>.</strong></p>
 <div class="bd-example">
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 6fd234982cfbdb28f4d6e125b5188a2961f138b7..3d75f7fd200200b137c491291865722cc2f2d2bc 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Vertical rules are inspired by the <code>&lt;hr&gt;</code> element, allowing you to create vertical dividers in common layouts. They&rsquo;re styled just like <code>&lt;hr&gt;</code> elements:</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index cb1f79e5ca95a327377c050c591a232c874fada6..267b4de0a8a091ee9e3ea89d6ec545fb8ba7a850 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Visually hide an element while still allowing it to be exposed to assistive technologies (such as screen readers) with <code>.visually-hidden</code>. Use <code>.visually-hidden-focusable</code> to visually hide an element by default, but to display it when it&rsquo;s focused (e.g. by a keyboard-only user). <code>.visually-hidden-focusable</code> can also be applied to a container–thanks to <code>:focus-within</code>, the container will be displayed when any child element of the container receives focus.</p>
 <div class="bd-example">
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 73e2e6fc935d139b2062f68cd070bc1acc7a8487..a836cb7ceb89d25d64deb5d4aaedbab084fa6a18 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="core-concepts">Core concepts</h2>
 <ul>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4a4adf515ea3ad5b67ab9f63ad8fe300c3a9dbe6..f5e4dcdbfd21f7472eb7b94fecf8f475c8730260 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <div class="bd-callout bd-callout-info">
 <strong>Heads up!</strong> Be sure to <a href="/docs/5.1/layout/grid/">read the Grid page</a> first before diving into how to modify and customize your grid columns.
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 19bc6a9e4d2a355315b832eed7dd812ad0857037..39a290baba095bd0adce3ea4dc626fcd709456b9 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-they-work">How they work</h2>
 <p>Containers are the most basic layout element in Bootstrap and are <strong>required when using our default grid system</strong>. Containers are used to contain, pad, and (sometimes) center the content within them. While containers <em>can</em> be nested, most layouts do not require a nested container.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 218667d7129efcbd494b6b47fa51c8f6d7e38682..8d48472767530320078c218cb2bde8632dac4f6f 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap&rsquo;s default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people. But, it was also created without many of the modern CSS features and techniques we&rsquo;re seeing in browsers like the new CSS Grid.</p>
 <div class="bd-callout bd-callout-warning">
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index e3e69f386ea33ecf94269f67acac545fb5e5dcb7..c8970ca688a1678e98bcc4adef8ffad9b311db45 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="example">Example</h2>
 <p>Bootstrap&rsquo;s grid system uses a series of containers, rows, and columns to layout and align content. It&rsquo;s built with <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">flexbox</a> and is fully responsive. Below is an example and an in-depth explanation for how the grid system comes together.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c64aae06e6044553e0ab8d2cb9a17012eeeccde2..cb9068705825d5d3f55244fe3c81a2cd096c814a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-they-work">How they work</h2>
 <ul>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index bc9e093ba676c9d2743a384b0b51fed14383fb53..2c910d1447f67b9f0b513146467a892d7b0a6177 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="changing-display">Changing <code>display</code></h2>
 <p>Use our <a href="/docs/5.1/utilities/display/">display utilities</a> for responsively toggling common values of the <code>display</code> property. Mix it with our grid system, content, or components to show or hide them across specific viewports.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 664c8523ce9322db3d30ee8048ab3b6477747008..1320caba6c3055fdcedb394231bbd1d9f9f5e5e8 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Several Bootstrap components utilize <code>z-index</code>, the CSS property that helps control layout by providing a third axis to arrange content. We utilize a default z-index scale in Bootstrap that&rsquo;s been designed to properly layer navigation, tooltips and popovers, modals, and more.</p>
 <p>These higher values start at an arbitrary number, high and specific enough to ideally avoid conflicts. We need a standard set of these across our layered components—tooltips, popovers, navbars, dropdowns, modals—so we can be reasonably consistent in the behaviors. There&rsquo;s no reason we couldn&rsquo;t have used <code>100</code>+ or <code>500</code>+.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index fa5d839c520bd3312753ab527c5c0b156009eed3..f73a30b644a93b3f03352a6207ecca25209bbaba 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="dependencies">Dependencies</h2>
 <ul>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 1a885d32f284eac9433059c6644a3119a0c9f0f8..e9a81cd52a22d6947b19fa841b5473866de8fa27 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Bootstrap utilities are generated with our utility API and can be used to modify or extend our default set of utility classes via Sass. Our utility API is based on a series of Sass maps and functions for generating families of classes with various options. If you&rsquo;re unfamiliar with Sass maps, read up on the <a href="https://sass-lang.com/documentation/values/maps">official Sass docs</a> to get started.</p>
 <p>The <code>$utilities</code> map contains all our utilities and is later merged with your custom <code>$utilities</code> map, if present. The utility map contains a keyed list of utility groups which accept the following options:</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 73b7b461215abbd2cd11aaf478086a10eb384af5..9aa1ce05afce9cc563f0975c83bbc7ae7be3141a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="background-color">Background color</h2>
 <p>Similar to the contextual text color classes, set the background of an element to any contextual class. Background utilities <strong>do not set <code>color</code></strong>, so in some cases you&rsquo;ll want to use <code>.text-*</code> <a href="/docs/5.1/utilities/colors/">color utilities</a>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 44dd44b6ab13611aeefc9d96b84cde674e825589..f4b70fb254c4f133a6a926eb4d12a7cd305581ff 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="border">Border</h2>
 <p>Use border utilities to add or remove an element&rsquo;s borders. Choose from all borders or one at a time.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 1e8a154469b0132544235f6ae2bc352e7007aaa7..2f2fd318c28712a6b46ab61d4dbdb03067b00690 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="colors">Colors</h2>
 <p>Colorize text with color utilities. If you want to colorize links, you can use the <a href="/docs/5.1/helpers/colored-links/"><code>.link-*</code> helper classes</a> which have <code>:hover</code> and <code>:focus</code> states.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 4de6309d7ae5e74c81affd7a97c550499a453175..dcbc327f8966fc27f52cdb8950ab46163f2035e6 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="how-it-works">How it works</h2>
 <p>Change the value of the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display"><code>display</code> property</a> with our responsive display utility classes. We purposely support only a subset of all possible values for <code>display</code>. Classes can be combined for various effects as you need.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index f778be7facc8a74c2338dd21ce071b04ec350b0d..b2a74b047e60df38b5cb5c9533429b8725ba5aa1 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="enable-flex-behaviors">Enable flex behaviors</h2>
 <p>Apply <code>display</code> utilities to create a flexbox container and transform <strong>direct children elements</strong> into flex items. Flex containers and items are able to be modified further with additional flex properties.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index d5ceb9c91e6571975840655a5d1e8eb8729713fe..ea1fa67dd4214061e67d38abb6f5efd830113dee 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="overview">Overview</h2>
 <p>These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/float">CSS <code>float</code> property</a>. <code>!important</code> is included to avoid specificity issues. These use the same viewport breakpoints as our grid system. Please be aware float utilities have no effect on flex items.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c3623d0be8dd5d23e000a52efeea62a5b89d9705..9996a45b39e5cb4c5896ef940664cb9f171d29a1 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="text-selection">Text selection</h2>
 <p>Change the way in which the content is selected when the user interacts with it.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 7dbc59e758502173823135ab59ac3a79dbbc299f..fc5f01e665cd283a962f619b7270d3fb1ba2d731 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>The <code>opacity</code> property sets the opacity level for an element. The opacity level describes the transparency level, where <code>1</code> is not transparent at all, <code>.5</code> is 50% visible, and <code>0</code> is completely transparent.</p>
 <p>Set the <code>opacity</code> of an element using <code>.opacity-{value}</code> utilities.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 9f72b65b4592f8e58bb1a8480a59833691f49ef9..cab0b15e5c7e5a2f9c3b26dc8783673d001764a1 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Adjust the <code>overflow</code> property on the fly with four default values and classes. These classes are not responsive by default.</p>
 <div class="bd-example d-md-flex">
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index beb8a0e057e95ffdd23046571dc9118ac8b532a3..99c85b00de3df8d87b306205001a653fbd4ccfca 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="position-values">Position values</h2>
 <p>Quick positioning classes are available, though they are not responsive.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 45cbfa2bf23032d6bd7cc14e3bf6ccd0dcee10d0..7d417c503114665d9c963420b38fd3376b3ebb5a 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="examples">Examples</h2>
 <p>While shadows on components are disabled by default in Bootstrap and can be enabled via <code>$enable-shadows</code>, you can also quickly add or remove a shadow with our <code>box-shadow</code> utility classes. Includes support for <code>.shadow-none</code> and three default sizes (which have associated variables to match).</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index daef2dded7b1a391f250f33e6dcd27af60c03fde..9cfa8818f8cdf72bc8df90ab8e32ed266d532ca0 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="relative-to-the-parent">Relative to the parent</h2>
 <p>Width and height utilities are generated from the utility API in <code>_utilities.scss</code>. Includes support for <code>25%</code>, <code>50%</code>, <code>75%</code>, <code>100%</code>, and <code>auto</code> by default. Modify those values as you need to generate different utilities here.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 3e93589351ed760d912136a6ab0d22f98e1ec0ff..8c05367ff6ad0e9f218f100cfdc7b9e45386b92b 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="margin-and-padding">Margin and padding</h2>
 <p>Assign responsive-friendly <code>margin</code> or <code>padding</code> values to an element or a subset of its sides with shorthand classes. Includes support for individual properties, all properties, and vertical and horizontal properties. Classes are built from a default Sass map ranging from <code>.25rem</code> to <code>3rem</code>.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 886967252b3af5489b7b879140bc658247c8008e..b697fba5f78c0a4db14cd78d0dee74f1ef333579 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
         <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
           <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong>
           <nav id="TableOfContents">
   </ul>
 </nav>
         </div>
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <h2 id="text-alignment">Text alignment</h2>
 <p>Easily realign text to components with text alignment classes. For start, end, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.</p>
@@ -745,7 +746,7 @@ Note that <a href="https://rtlstyling.com/posts/rtl-styling#3.-line-break">break
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index c0366ed2663c015c2cb7acb95a978850ef9b2d70..adf40d94774dfb1c0b78b12cb497494cb1f635c6 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Change the alignment of elements with the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align"><code>vertical-alignment</code></a> utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.</p>
 <p>Choose from <code>.align-baseline</code>, <code>.align-top</code>, <code>.align-middle</code>, <code>.align-bottom</code>, <code>.align-text-bottom</code>, and <code>.align-text-top</code> as needed.</p>
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index b81c698e7d79290bc2460f91d42332c4fd2f8c0d..16adcdbc17ef77cf08cb3bfe979a58c01e7ed88c 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
 </header>
 
 
-    
+
   <nav class="bd-subnavbar py-2" aria-label="Secondary navigation">
   <div class="container-xxl d-flex align-items-md-center">
     <form class="bd-search position-relative me-auto">
 
       </div>
 
-      
+
 
       <div class="bd-content ps-lg-4">
-        
+
 
         <p>Set the <code>visibility</code> of elements with our visibility utilities. These utility classes do not modify the <code>display</code> value at all and do not affect layout – <code>.invisible</code> elements still take up space in the page.</p>
 <div class="bd-callout bd-callout-warning">
@@ -502,7 +503,7 @@ Elements with the <code>.invisible</code> class will be hidden <em>both</em> vis
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-  
+
+
   </body>
 </html>
index 224098c9ac46f1845e3dcfe86b94d8c9b211e056..307f7e9a68110e9fa4fce3d00c66fb1e0baa05dd 100644 (file)
@@ -48,6 +48,7 @@
 <meta property="og:image:width" content="1000">
 <meta property="og:image:height" content="500">
 
+<script defer src="https://cdn.usefathom.com/script.js" data-site="ITUSEYJG"></script>
 <script>
   window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
   ga('create', 'UA-146052-10', 'getbootstrap.com');
@@ -62,7 +63,7 @@
     <div class="skippy visually-hidden-focusable overflow-hidden">
   <div class="container-xl">
     <a class="d-inline-flex p-2 m-1" href="#content">Skip to main content</a>
-    
+
   </div>
 </div>
 
 </header>
 
 
-    
+
   <header class="py-5 border-bottom">
     <div class="container pt-md-1 pb-md-4">
       <div class="row">
         <div class="col-xl-8">
           <h1 class="bd-title mt-0">Versions</h1>
           <p class="bd-lead">An appendix of hosted documentation for nearly every release of Bootstrap, from v1 through v5.</p>
-          
+
         </div>
         <div class="col-xl-4 d-lg-flex justify-content-xl-end">
           <script async src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&placement=getbootstrapcom" id="_carbonads_js"></script>
 
   <main class="bd-content order-1 py-5" id="content">
     <div class="container">
-      
+
 <div class="row">
   <div class="col-md-6 col-lg-4 col-xl mb-4">
     <h2>v5.x</h2>
           5.1
           <span class="badge bg-primary">Latest</span>
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/5.0/">
           5.0
-          
+
         </a>
       </div>
     </div>
-  
+
   <div class="col-md-6 col-lg-4 col-xl mb-4">
     <h2>v4.x</h2>
     <p>Our previous major release with its minor releases. Last update was v4.6.0.</p><div class="list-group">
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.6/">
           4.6
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.5/">
           4.5
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.4/">
           4.4
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.3/">
           4.3
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.2/">
           4.2
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.1/">
           4.1
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/4.0/">
           4.0
-          
+
         </a>
       </div>
     </div>
-  
+
   <div class="col-md-6 col-lg-4 col-xl mb-4">
     <h2>v3.x</h2>
     <p>Every minor and patch release from v3 is listed below. Last update was v3.4.1.</p><div class="list-group">
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/3.4/">
           3.4
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/docs/3.3/">
           3.3
-          
+
         </a>
       </div>
     </div>
-  
+
   <div class="col-md-6 col-lg-4 col-xl mb-4">
     <h2>v2.x</h2>
     <p>Every minor and patch release from v2 is listed below.</p><div class="list-group">
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.3.2/">
           2.3.2
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.3.1/">
           2.3.1
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.3.0/">
           2.3.0
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.2.2/">
           2.2.2
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.2.1/">
           2.2.1
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.2.0/">
           2.2.0
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.1.1/">
           2.1.1
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.1.0/">
           2.1.0
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.4/">
           2.0.4
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.3/">
           2.0.3
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.2/">
           2.0.2
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.1/">
           2.0.1
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/2.0.0/">
           2.0.0
-          
+
         </a>
       </div>
     </div>
-  
+
   <div class="col-md-6 col-lg-4 col-xl mb-4">
     <h2>v1.x</h2>
     <p>Every minor and patch release from v1 is listed below.</p><div class="list-group">
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.4.0/">
           1.4.0
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.3.0/">
           1.3.0
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.2.0/">
           1.2.0
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.1.1/">
           1.1.1
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.1.0/">
           1.1.0
-          
+
         </a>
-      
-    
+
+
         <a class="list-group-item list-group-item-action py-2 text-primary" href="https://getbootstrap.com/1.0.0/">
           1.0.0
-          
+
         </a>
       </div>
     </div>
 
 
 
-      
+
     </div>
   </main>
 
 <script src="/docs/5.1/assets/js/docs.min.js"></script>
 
 
-    
-    
+
+
   </body>
 </html>