├── CNAME ├── docs ├── 4.0 │ ├── about │ │ ├── brand │ │ │ └── index.html │ │ ├── index.html │ │ ├── license │ │ │ └── index.html │ │ ├── overview │ │ │ └── index.html │ │ └── translations │ │ │ └── index.html │ ├── assets │ │ ├── brand │ │ │ ├── bootstrap-outline.svg │ │ │ ├── bootstrap-punchout.svg │ │ │ ├── bootstrap-social-logo.png │ │ │ ├── bootstrap-social.png │ │ │ └── bootstrap-solid.svg │ │ ├── css │ │ │ ├── docs.min.css │ │ │ └── docs.min.css.map │ │ ├── img │ │ │ ├── bootstrap-stack.png │ │ │ ├── bootstrap-themes.png │ │ │ └── favicons │ │ │ │ ├── android-chrome-192x192.png │ │ │ │ ├── android-chrome-512x512.png │ │ │ │ ├── apple-touch-icon.png │ │ │ │ ├── browserconfig.xml │ │ │ │ ├── favicon-16x16.png │ │ │ │ ├── favicon-32x32.png │ │ │ │ ├── manifest.json │ │ │ │ ├── mstile-144x144.png │ │ │ │ ├── mstile-150x150.png │ │ │ │ ├── mstile-310x150.png │ │ │ │ ├── mstile-310x310.png │ │ │ │ ├── mstile-70x70.png │ │ │ │ └── safari-pinned-tab.svg │ │ └── js │ │ │ ├── docs.min.js │ │ │ ├── ie-emulation-modes-warning.js │ │ │ ├── ie10-viewport-bug-workaround.js │ │ │ ├── src │ │ │ ├── application.js │ │ │ └── ie-emulation-modes-warning.js │ │ │ └── vendor │ │ │ ├── anchor.min.js │ │ │ ├── clipboard.min.js │ │ │ ├── holder.min.js │ │ │ ├── jquery-slim.min.js │ │ │ └── popper.min.js │ ├── browser-bugs │ │ └── index.html │ ├── components │ │ ├── alerts │ │ │ └── index.html │ │ ├── badge │ │ │ └── index.html │ │ ├── breadcrumb │ │ │ └── index.html │ │ ├── button-group │ │ │ └── index.html │ │ ├── buttons │ │ │ └── index.html │ │ ├── card │ │ │ └── index.html │ │ ├── carousel │ │ │ └── index.html │ │ ├── collapse │ │ │ └── index.html │ │ ├── dropdowns │ │ │ └── index.html │ │ ├── forms │ │ │ └── index.html │ │ ├── index.html │ │ ├── input-group │ │ │ └── index.html │ │ ├── jumbotron │ │ │ └── index.html │ │ ├── list-group │ │ │ └── index.html │ │ ├── modal │ │ │ └── index.html │ │ ├── navbar │ │ │ └── index.html │ │ ├── navs │ │ │ └── index.html │ │ ├── pagination │ │ │ └── index.html │ │ ├── popovers │ │ │ └── index.html │ │ ├── progress │ │ │ └── index.html │ │ ├── scrollspy │ │ │ └── index.html │ │ └── tooltips │ │ │ └── index.html │ ├── content │ │ ├── code │ │ │ └── index.html │ │ ├── figures │ │ │ └── index.html │ │ ├── images │ │ │ └── index.html │ │ ├── index.html │ │ ├── reboot │ │ │ └── index.html │ │ ├── tables │ │ │ └── index.html │ │ └── typography │ │ │ └── index.html │ ├── dist │ │ ├── css │ │ │ ├── bootstrap-grid.css │ │ │ ├── bootstrap-grid.css.map │ │ │ ├── bootstrap-grid.min.css │ │ │ ├── bootstrap-grid.min.css.map │ │ │ ├── bootstrap-reboot.css │ │ │ ├── bootstrap-reboot.css.map │ │ │ ├── bootstrap-reboot.min.css │ │ │ ├── bootstrap-reboot.min.css.map │ │ │ ├── bootstrap.css │ │ │ ├── bootstrap.css.map │ │ │ ├── bootstrap.min.css │ │ │ └── bootstrap.min.css.map │ │ └── js │ │ │ ├── bootstrap.bundle.js │ │ │ ├── bootstrap.bundle.js.map │ │ │ ├── bootstrap.bundle.min.js │ │ │ ├── bootstrap.bundle.min.js.map │ │ │ ├── bootstrap.js │ │ │ ├── bootstrap.js.map │ │ │ ├── bootstrap.min.js │ │ │ └── bootstrap.min.js.map │ ├── examples │ │ ├── album │ │ │ ├── album.css │ │ │ └── index.html │ │ ├── blog │ │ │ ├── blog.css │ │ │ └── index.html │ │ ├── carousel │ │ │ ├── carousel.css │ │ │ └── index.html │ │ ├── checkout │ │ │ ├── form-validation.css │ │ │ └── index.html │ │ ├── cover │ │ │ ├── cover.css │ │ │ └── index.html │ │ ├── dashboard │ │ │ ├── dashboard.css │ │ │ └── index.html │ │ ├── floating-labels │ │ │ ├── floating-labels.css │ │ │ └── index.html │ │ ├── grid │ │ │ ├── grid.css │ │ │ └── index.html │ │ ├── index.html │ │ ├── jumbotron │ │ │ ├── index.html │ │ │ └── jumbotron.css │ │ ├── navbar-bottom │ │ │ └── index.html │ │ ├── navbar-fixed │ │ │ ├── index.html │ │ │ └── navbar-top-fixed.css │ │ ├── navbar-static │ │ │ ├── index.html │ │ │ └── navbar-top.css │ │ ├── navbars │ │ │ ├── index.html │ │ │ └── navbar.css │ │ ├── offcanvas │ │ │ ├── index.html │ │ │ ├── offcanvas.css │ │ │ └── offcanvas.js │ │ ├── pricing │ │ │ ├── index.html │ │ │ └── pricing.css │ │ ├── product │ │ │ ├── index.html │ │ │ └── product.css │ │ ├── screenshots │ │ │ ├── album.png │ │ │ ├── blog.png │ │ │ ├── carousel.png │ │ │ ├── checkout.png │ │ │ ├── cover.png │ │ │ ├── dashboard.png │ │ │ ├── floating-labels.png │ │ │ ├── grid.png │ │ │ ├── jumbotron.png │ │ │ ├── navbar-bottom.png │ │ │ ├── navbar-fixed.png │ │ │ ├── navbar-static.png │ │ │ ├── navbars.png │ │ │ ├── offcanvas.png │ │ │ ├── pricing.png │ │ │ ├── product.png │ │ │ ├── sign-in.png │ │ │ ├── starter-template.png │ │ │ ├── sticky-footer-navbar.png │ │ │ └── sticky-footer.png │ │ ├── sign-in │ │ │ ├── index.html │ │ │ └── signin.css │ │ ├── starter-template │ │ │ ├── index.html │ │ │ └── starter-template.css │ │ ├── sticky-footer-navbar │ │ │ ├── index.html │ │ │ └── sticky-footer-navbar.css │ │ ├── sticky-footer │ │ │ ├── index.html │ │ │ └── sticky-footer.css │ │ └── tooltip-viewport │ │ │ ├── index.html │ │ │ ├── tooltip-viewport.css │ │ │ └── tooltip-viewport.js │ ├── extend │ │ ├── approach │ │ │ └── index.html │ │ ├── icons │ │ │ └── index.html │ │ └── index.html │ ├── getting-started │ │ ├── accessibility │ │ │ └── index.html │ │ ├── best-practices │ │ │ └── index.html │ │ ├── browsers-devices │ │ │ └── index.html │ │ ├── build-tools │ │ │ └── index.html │ │ ├── contents │ │ │ └── index.html │ │ ├── download │ │ │ └── index.html │ │ ├── index.html │ │ ├── introduction │ │ │ └── index.html │ │ ├── javascript │ │ │ └── index.html │ │ ├── options │ │ │ └── index.html │ │ ├── theming │ │ │ └── index.html │ │ └── webpack │ │ │ └── index.html │ ├── history │ │ └── index.html │ ├── index.html │ ├── layout │ │ ├── grid │ │ │ └── index.html │ │ ├── index.html │ │ ├── media-object │ │ │ └── index.html │ │ ├── overview │ │ │ └── index.html │ │ └── utilities-for-layout │ │ │ └── index.html │ ├── migration │ │ └── index.html │ ├── team │ │ └── index.html │ └── utilities │ │ ├── borders │ │ └── index.html │ │ ├── clearfix │ │ └── index.html │ │ ├── close-icon │ │ └── index.html │ │ ├── colors │ │ └── index.html │ │ ├── display │ │ └── index.html │ │ ├── embed │ │ └── index.html │ │ ├── flex │ │ └── index.html │ │ ├── float │ │ └── index.html │ │ ├── image-replacement │ │ └── index.html │ │ ├── index.html │ │ ├── position │ │ └── index.html │ │ ├── screenreaders │ │ └── index.html │ │ ├── sizing │ │ └── index.html │ │ ├── spacing │ │ └── index.html │ │ ├── text │ │ └── index.html │ │ ├── vertical-align │ │ └── index.html │ │ └── visibility │ │ └── index.html ├── 4.1 │ ├── about │ │ ├── brand │ │ │ └── index.html │ │ ├── index.html │ │ ├── license │ │ │ └── index.html │ │ ├── overview │ │ │ └── index.html │ │ └── translations │ │ │ └── index.html │ ├── assets │ │ ├── brand │ │ │ ├── bootstrap-outline.svg │ │ │ ├── bootstrap-punchout.svg │ │ │ ├── bootstrap-social-logo.png │ │ │ ├── bootstrap-social.png │ │ │ └── bootstrap-solid.svg │ │ ├── css │ │ │ ├── docs.min.css │ │ │ └── docs.min.css.map │ │ ├── img │ │ │ ├── bootstrap-stack.png │ │ │ ├── bootstrap-themes.png │ │ │ └── favicons │ │ │ │ ├── android-chrome-192x192.png │ │ │ │ ├── android-chrome-512x512.png │ │ │ │ ├── apple-touch-icon.png │ │ │ │ ├── browserconfig.xml │ │ │ │ ├── favicon-16x16.png │ │ │ │ ├── favicon-32x32.png │ │ │ │ ├── manifest.json │ │ │ │ ├── mstile-144x144.png │ │ │ │ ├── mstile-150x150.png │ │ │ │ ├── mstile-310x150.png │ │ │ │ ├── mstile-310x310.png │ │ │ │ ├── mstile-70x70.png │ │ │ │ └── safari-pinned-tab.svg │ │ └── js │ │ │ ├── docs.min.js │ │ │ ├── src │ │ │ ├── application.js │ │ │ ├── ie-emulation-modes-warning.js │ │ │ └── search.js │ │ │ └── vendor │ │ │ ├── anchor.min.js │ │ │ ├── clipboard.min.js │ │ │ ├── holder.min.js │ │ │ ├── jquery-slim.min.js │ │ │ └── popper.min.js │ ├── browser-bugs │ │ └── index.html │ ├── components │ │ ├── alerts │ │ │ └── index.html │ │ ├── badge │ │ │ └── index.html │ │ ├── breadcrumb │ │ │ └── index.html │ │ ├── button-group │ │ │ └── index.html │ │ ├── buttons │ │ │ └── index.html │ │ ├── card │ │ │ └── index.html │ │ ├── carousel │ │ │ └── index.html │ │ ├── collapse │ │ │ └── index.html │ │ ├── dropdowns │ │ │ └── index.html │ │ ├── forms │ │ │ └── index.html │ │ ├── index.html │ │ ├── input-group │ │ │ └── index.html │ │ ├── jumbotron │ │ │ └── index.html │ │ ├── list-group │ │ │ └── index.html │ │ ├── modal │ │ │ └── index.html │ │ ├── navbar │ │ │ └── index.html │ │ ├── navs │ │ │ └── index.html │ │ ├── pagination │ │ │ └── index.html │ │ ├── popovers │ │ │ └── index.html │ │ ├── progress │ │ │ └── index.html │ │ ├── scrollspy │ │ │ └── index.html │ │ └── tooltips │ │ │ └── index.html │ ├── content │ │ ├── code │ │ │ └── index.html │ │ ├── figures │ │ │ └── index.html │ │ ├── images │ │ │ └── index.html │ │ ├── index.html │ │ ├── reboot │ │ │ └── index.html │ │ ├── tables │ │ │ └── index.html │ │ └── typography │ │ │ └── index.html │ ├── dist │ │ ├── css │ │ │ ├── bootstrap-grid.css │ │ │ ├── bootstrap-grid.css.map │ │ │ ├── bootstrap-grid.min.css │ │ │ ├── bootstrap-grid.min.css.map │ │ │ ├── bootstrap-reboot.css │ │ │ ├── bootstrap-reboot.css.map │ │ │ ├── bootstrap-reboot.min.css │ │ │ ├── bootstrap-reboot.min.css.map │ │ │ ├── bootstrap.css │ │ │ ├── bootstrap.css.map │ │ │ ├── bootstrap.min.css │ │ │ └── bootstrap.min.css.map │ │ └── js │ │ │ ├── bootstrap.bundle.js │ │ │ ├── bootstrap.bundle.js.map │ │ │ ├── bootstrap.bundle.min.js │ │ │ ├── bootstrap.bundle.min.js.map │ │ │ ├── bootstrap.js │ │ │ ├── bootstrap.js.map │ │ │ ├── bootstrap.min.js │ │ │ └── bootstrap.min.js.map │ ├── examples │ │ ├── album │ │ │ ├── album.css │ │ │ └── index.html │ │ ├── blog │ │ │ ├── blog.css │ │ │ └── index.html │ │ ├── carousel │ │ │ ├── carousel.css │ │ │ └── index.html │ │ ├── checkout │ │ │ ├── form-validation.css │ │ │ └── index.html │ │ ├── cover │ │ │ ├── cover.css │ │ │ └── index.html │ │ ├── dashboard │ │ │ ├── dashboard.css │ │ │ └── index.html │ │ ├── floating-labels │ │ │ ├── floating-labels.css │ │ │ └── index.html │ │ ├── grid │ │ │ ├── grid.css │ │ │ └── index.html │ │ ├── index.html │ │ ├── jumbotron │ │ │ ├── index.html │ │ │ └── jumbotron.css │ │ ├── navbar-bottom │ │ │ └── index.html │ │ ├── navbar-fixed │ │ │ ├── index.html │ │ │ └── navbar-top-fixed.css │ │ ├── navbar-static │ │ │ ├── index.html │ │ │ └── navbar-top.css │ │ ├── navbars │ │ │ ├── index.html │ │ │ └── navbar.css │ │ ├── offcanvas │ │ │ ├── index.html │ │ │ ├── offcanvas.css │ │ │ └── offcanvas.js │ │ ├── pricing │ │ │ ├── index.html │ │ │ └── pricing.css │ │ ├── product │ │ │ ├── index.html │ │ │ └── product.css │ │ ├── screenshots │ │ │ ├── album.png │ │ │ ├── blog.png │ │ │ ├── carousel.png │ │ │ ├── checkout.png │ │ │ ├── cover.png │ │ │ ├── dashboard.png │ │ │ ├── floating-labels.png │ │ │ ├── grid.png │ │ │ ├── jumbotron.png │ │ │ ├── navbar-bottom.png │ │ │ ├── navbar-fixed.png │ │ │ ├── navbar-static.png │ │ │ ├── navbars.png │ │ │ ├── offcanvas.png │ │ │ ├── pricing.png │ │ │ ├── product.png │ │ │ ├── sign-in.png │ │ │ ├── starter-template.png │ │ │ ├── sticky-footer-navbar.png │ │ │ └── sticky-footer.png │ │ ├── sign-in │ │ │ ├── index.html │ │ │ └── signin.css │ │ ├── starter-template │ │ │ ├── index.html │ │ │ └── starter-template.css │ │ ├── sticky-footer-navbar │ │ │ ├── index.html │ │ │ └── sticky-footer-navbar.css │ │ ├── sticky-footer │ │ │ ├── index.html │ │ │ └── sticky-footer.css │ │ └── tooltip-viewport │ │ │ ├── index.html │ │ │ ├── tooltip-viewport.css │ │ │ └── tooltip-viewport.js │ ├── extend │ │ ├── approach │ │ │ └── index.html │ │ ├── icons │ │ │ └── index.html │ │ └── index.html │ ├── getting-started │ │ ├── accessibility │ │ │ └── index.html │ │ ├── best-practices │ │ │ └── index.html │ │ ├── browsers-devices │ │ │ └── index.html │ │ ├── build-tools │ │ │ └── index.html │ │ ├── contents │ │ │ └── index.html │ │ ├── download │ │ │ └── index.html │ │ ├── index.html │ │ ├── introduction │ │ │ └── index.html │ │ ├── javascript │ │ │ └── index.html │ │ ├── options │ │ │ └── index.html │ │ ├── theming │ │ │ └── index.html │ │ └── webpack │ │ │ └── index.html │ ├── history │ │ └── index.html │ ├── index.html │ ├── layout │ │ ├── grid │ │ │ └── index.html │ │ ├── index.html │ │ ├── media-object │ │ │ └── index.html │ │ ├── overview │ │ │ └── index.html │ │ └── utilities-for-layout │ │ │ └── index.html │ ├── migration │ │ └── index.html │ ├── team │ │ └── index.html │ └── utilities │ │ ├── borders │ │ └── index.html │ │ ├── clearfix │ │ └── index.html │ │ ├── close-icon │ │ └── index.html │ │ ├── colors │ │ └── index.html │ │ ├── display │ │ └── index.html │ │ ├── embed │ │ └── index.html │ │ ├── flex │ │ └── index.html │ │ ├── float │ │ └── index.html │ │ ├── image-replacement │ │ └── index.html │ │ ├── index.html │ │ ├── position │ │ └── index.html │ │ ├── screenreaders │ │ └── index.html │ │ ├── shadows │ │ └── index.html │ │ ├── sizing │ │ └── index.html │ │ ├── spacing │ │ └── index.html │ │ ├── text │ │ └── index.html │ │ ├── vertical-align │ │ └── index.html │ │ └── visibility │ │ └── index.html ├── 4.2 │ ├── about │ │ ├── brand │ │ │ └── index.html │ │ ├── license │ │ │ └── index.html │ │ ├── overview │ │ │ └── index.html │ │ ├── team │ │ │ └── index.html │ │ └── translations │ │ │ └── index.html │ ├── assets │ │ ├── brand │ │ │ ├── bootstrap-outline.svg │ │ │ ├── bootstrap-punchout.svg │ │ │ ├── bootstrap-social-logo.png │ │ │ ├── bootstrap-social.png │ │ │ └── bootstrap-solid.svg │ │ ├── css │ │ │ ├── docs.min.css │ │ │ └── docs.min.css.map │ │ ├── img │ │ │ ├── bootstrap-themes.png │ │ │ ├── bootstrap-themes@2x.png │ │ │ ├── examples │ │ │ │ ├── album.png │ │ │ │ ├── album@2x.png │ │ │ │ ├── blog.png │ │ │ │ ├── blog@2x.png │ │ │ │ ├── carousel.png │ │ │ │ ├── carousel@2x.png │ │ │ │ ├── checkout.png │ │ │ │ ├── checkout@2x.png │ │ │ │ ├── cover.png │ │ │ │ ├── cover@2x.png │ │ │ │ ├── dashboard.png │ │ │ │ ├── dashboard@2x.png │ │ │ │ ├── floating-labels.png │ │ │ │ ├── floating-labels@2x.png │ │ │ │ ├── grid.png │ │ │ │ ├── grid@2x.png │ │ │ │ ├── jumbotron.png │ │ │ │ ├── jumbotron@2x.png │ │ │ │ ├── navbar-bottom.png │ │ │ │ ├── navbar-bottom@2x.png │ │ │ │ ├── navbar-fixed.png │ │ │ │ ├── navbar-fixed@2x.png │ │ │ │ ├── navbar-static.png │ │ │ │ ├── navbar-static@2x.png │ │ │ │ ├── navbars.png │ │ │ │ ├── navbars@2x.png │ │ │ │ ├── offcanvas.png │ │ │ │ ├── offcanvas@2x.png │ │ │ │ ├── pricing.png │ │ │ │ ├── pricing@2x.png │ │ │ │ ├── product.png │ │ │ │ ├── product@2x.png │ │ │ │ ├── sign-in.png │ │ │ │ ├── sign-in@2x.png │ │ │ │ ├── starter-template.png │ │ │ │ ├── starter-template@2x.png │ │ │ │ ├── sticky-footer-navbar.png │ │ │ │ ├── sticky-footer-navbar@2x.png │ │ │ │ ├── sticky-footer.png │ │ │ │ └── sticky-footer@2x.png │ │ │ └── favicons │ │ │ │ ├── android-chrome-192x192.png │ │ │ │ ├── android-chrome-512x512.png │ │ │ │ ├── apple-touch-icon.png │ │ │ │ ├── browserconfig.xml │ │ │ │ ├── favicon-16x16.png │ │ │ │ ├── favicon-32x32.png │ │ │ │ ├── manifest.json │ │ │ │ ├── mstile-144x144.png │ │ │ │ ├── mstile-150x150.png │ │ │ │ ├── mstile-310x150.png │ │ │ │ ├── mstile-310x310.png │ │ │ │ ├── mstile-70x70.png │ │ │ │ └── safari-pinned-tab.svg │ │ └── js │ │ │ ├── docs.min.js │ │ │ ├── src │ │ │ ├── application.js │ │ │ ├── ie-emulation-modes-warning.js │ │ │ └── search.js │ │ │ └── vendor │ │ │ ├── anchor.min.js │ │ │ ├── bs-custom-file-input.min.js │ │ │ ├── clipboard.min.js │ │ │ └── jquery-slim.min.js │ ├── browser-bugs │ │ └── index.html │ ├── components │ │ ├── alerts │ │ │ └── index.html │ │ ├── badge │ │ │ └── index.html │ │ ├── breadcrumb │ │ │ └── index.html │ │ ├── button-group │ │ │ └── index.html │ │ ├── buttons │ │ │ └── index.html │ │ ├── card │ │ │ └── index.html │ │ ├── carousel │ │ │ └── index.html │ │ ├── collapse │ │ │ └── index.html │ │ ├── dropdowns │ │ │ └── index.html │ │ ├── forms │ │ │ └── index.html │ │ ├── index.html │ │ ├── input-group │ │ │ └── index.html │ │ ├── jumbotron │ │ │ └── index.html │ │ ├── list-group │ │ │ └── index.html │ │ ├── media-object │ │ │ └── index.html │ │ ├── modal │ │ │ └── index.html │ │ ├── navbar │ │ │ └── index.html │ │ ├── navs │ │ │ └── index.html │ │ ├── pagination │ │ │ └── index.html │ │ ├── popovers │ │ │ └── index.html │ │ ├── progress │ │ │ └── index.html │ │ ├── scrollspy │ │ │ └── index.html │ │ ├── spinners │ │ │ └── index.html │ │ ├── toasts │ │ │ └── index.html │ │ └── tooltips │ │ │ └── index.html │ ├── content │ │ ├── code │ │ │ └── index.html │ │ ├── figures │ │ │ └── index.html │ │ ├── images │ │ │ └── index.html │ │ ├── index.html │ │ ├── reboot │ │ │ └── index.html │ │ ├── tables │ │ │ └── index.html │ │ └── typography │ │ │ └── index.html │ ├── dist │ │ ├── css │ │ │ ├── bootstrap-grid.css │ │ │ ├── bootstrap-grid.css.map │ │ │ ├── bootstrap-grid.min.css │ │ │ ├── bootstrap-grid.min.css.map │ │ │ ├── bootstrap-reboot.css │ │ │ ├── bootstrap-reboot.css.map │ │ │ ├── bootstrap-reboot.min.css │ │ │ ├── bootstrap-reboot.min.css.map │ │ │ ├── bootstrap.css │ │ │ ├── bootstrap.css.map │ │ │ ├── bootstrap.min.css │ │ │ └── bootstrap.min.css.map │ │ └── js │ │ │ ├── bootstrap.bundle.js │ │ │ ├── bootstrap.bundle.js.map │ │ │ ├── bootstrap.bundle.min.js │ │ │ ├── bootstrap.bundle.min.js.map │ │ │ ├── bootstrap.js │ │ │ ├── bootstrap.js.map │ │ │ ├── bootstrap.min.js │ │ │ └── bootstrap.min.js.map │ ├── examples │ │ ├── album │ │ │ ├── album.css │ │ │ └── index.html │ │ ├── blog │ │ │ ├── blog.css │ │ │ └── index.html │ │ ├── carousel │ │ │ ├── carousel.css │ │ │ └── index.html │ │ ├── checkout │ │ │ ├── form-validation.css │ │ │ ├── form-validation.js │ │ │ └── index.html │ │ ├── cover │ │ │ ├── cover.css │ │ │ └── index.html │ │ ├── dashboard │ │ │ ├── dashboard.css │ │ │ ├── dashboard.js │ │ │ └── index.html │ │ ├── floating-labels │ │ │ ├── floating-labels.css │ │ │ └── index.html │ │ ├── grid │ │ │ ├── grid.css │ │ │ └── index.html │ │ ├── index.html │ │ ├── jumbotron │ │ │ ├── index.html │ │ │ └── jumbotron.css │ │ ├── navbar-bottom │ │ │ └── index.html │ │ ├── navbar-fixed │ │ │ ├── index.html │ │ │ └── navbar-top-fixed.css │ │ ├── navbar-static │ │ │ ├── index.html │ │ │ └── navbar-top.css │ │ ├── navbars │ │ │ ├── index.html │ │ │ └── navbar.css │ │ ├── offcanvas │ │ │ ├── index.html │ │ │ ├── offcanvas.css │ │ │ └── offcanvas.js │ │ ├── pricing │ │ │ ├── index.html │ │ │ └── pricing.css │ │ ├── product │ │ │ ├── index.html │ │ │ └── product.css │ │ ├── sign-in │ │ │ ├── index.html │ │ │ └── signin.css │ │ ├── starter-template │ │ │ ├── index.html │ │ │ └── starter-template.css │ │ ├── sticky-footer-navbar │ │ │ ├── index.html │ │ │ └── sticky-footer-navbar.css │ │ └── sticky-footer │ │ │ ├── index.html │ │ │ └── sticky-footer.css │ ├── extend │ │ ├── approach │ │ │ └── index.html │ │ ├── icons │ │ │ └── index.html │ │ └── index.html │ ├── getting-started │ │ ├── accessibility │ │ │ └── index.html │ │ ├── best-practices │ │ │ └── index.html │ │ ├── browsers-devices │ │ │ └── index.html │ │ ├── build-tools │ │ │ └── index.html │ │ ├── contents │ │ │ └── index.html │ │ ├── download │ │ │ └── index.html │ │ ├── index.html │ │ ├── introduction │ │ │ └── index.html │ │ ├── javascript │ │ │ └── index.html │ │ ├── theming │ │ │ └── index.html │ │ └── webpack │ │ │ └── index.html │ ├── index.html │ ├── layout │ │ ├── grid │ │ │ └── index.html │ │ ├── index.html │ │ ├── overview │ │ │ └── index.html │ │ └── utilities-for-layout │ │ │ └── index.html │ ├── migration │ │ └── index.html │ └── utilities │ │ ├── borders │ │ └── index.html │ │ ├── clearfix │ │ └── index.html │ │ ├── close-icon │ │ └── index.html │ │ ├── colors │ │ └── index.html │ │ ├── display │ │ └── index.html │ │ ├── embed │ │ └── index.html │ │ ├── flex │ │ └── index.html │ │ ├── float │ │ └── index.html │ │ ├── image-replacement │ │ └── index.html │ │ ├── index.html │ │ ├── overflow │ │ └── index.html │ │ ├── position │ │ └── index.html │ │ ├── screenreaders │ │ └── index.html │ │ ├── shadows │ │ └── index.html │ │ ├── sizing │ │ └── index.html │ │ ├── spacing │ │ └── index.html │ │ ├── text │ │ └── index.html │ │ ├── vertical-align │ │ └── index.html │ │ └── visibility │ │ └── index.html ├── getting-started │ └── index.html ├── index.html └── versions │ └── index.html ├── examples └── index.html ├── favicon.ico ├── index.html ├── redirects.json ├── robots.txt ├── sitemap.xml └── sw.js /CNAME: -------------------------------------------------------------------------------- 1 | bootstrap.hexschool.com 2 | -------------------------------------------------------------------------------- /docs/4.0/about/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bootstrap · Content moved 7 | 8 | 9 | 10 | 32 | 33 | 34 |

Redirecting…

35 | Click here if you are not redirected 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /docs/4.0/assets/brand/bootstrap-outline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /docs/4.0/assets/brand/bootstrap-punchout.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /docs/4.0/assets/brand/bootstrap-social-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/brand/bootstrap-social-logo.png -------------------------------------------------------------------------------- /docs/4.0/assets/brand/bootstrap-social.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/brand/bootstrap-social.png -------------------------------------------------------------------------------- /docs/4.0/assets/brand/bootstrap-solid.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /docs/4.0/assets/img/bootstrap-stack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/bootstrap-stack.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/bootstrap-themes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/bootstrap-themes.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/android-chrome-192x192.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/android-chrome-512x512.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/apple-touch-icon.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #563d7c 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/favicon-16x16.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/favicon-32x32.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Bootstrap", 3 | "short_name": "Bootstrap", 4 | "icons": [ 5 | { 6 | "src": "/docs/4.0/assets/img/favicons/android-chrome-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png" 9 | }, 10 | { 11 | "src": "/docs/4.0/assets/img/favicons/android-chrome-512x512.png", 12 | "sizes": "512x512", 13 | "type": "image/png" 14 | } 15 | ], 16 | "start_url": "/", 17 | "theme_color": "#563d7c", 18 | "background_color": "#563d7c", 19 | "display": "standalone" 20 | } 21 | -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/mstile-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/mstile-144x144.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/mstile-150x150.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/mstile-310x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/mstile-310x150.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/mstile-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/mstile-310x310.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/mstile-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hexschool/bootstrap_zh/fe5870b443872be5e71c9ad19aaaba9e7517367d/docs/4.0/assets/img/favicons/mstile-70x70.png -------------------------------------------------------------------------------- /docs/4.0/assets/img/favicons/safari-pinned-tab.svg: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | Created by potrace 1.11, written by Peter Selinger 2001-2013 9 | 10 | 12 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /docs/4.0/assets/js/ie-emulation-modes-warning.js: -------------------------------------------------------------------------------- 1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT 2 | // IT'S JUST JUNK FOR OUR DOCS! 3 | // ++++++++++++++++++++++++++++++++++++++++++ 4 | /*! 5 | * Copyright 2014-2015 The Bootstrap Authors 6 | * Copyright 2014-2015 Twitter, Inc. 7 | * 8 | * Licensed under the Creative Commons Attribution 3.0 Unported License. For 9 | * details, see https://creativecommons.org/licenses/by/3.0/. 10 | */ 11 | // Intended to prevent false-positive bug reports about Bootstrap not working properly in old versions of IE due to folks testing using IE's unreliable emulation modes. 12 | (function () { 13 | 'use strict' 14 | 15 | function emulatedIEMajorVersion() { 16 | var groups = /MSIE ([0-9.]+)/.exec(window.navigator.userAgent) 17 | if (groups === null) { 18 | return null 19 | } 20 | var ieVersionNum = parseInt(groups[1], 10) 21 | var ieMajorVersion = Math.floor(ieVersionNum) 22 | return ieMajorVersion 23 | } 24 | 25 | function actualNonEmulatedIEMajorVersion() { 26 | // Detects the actual version of IE in use, even if it's in an older-IE emulation mode. 27 | // IE JavaScript conditional compilation docs: https://msdn.microsoft.com/library/121hztk3%28v=vs.94%29.aspx 28 | // @cc_on docs: https://msdn.microsoft.com/library/8ka90k2e%28v=vs.94%29.aspx 29 | var jscriptVersion = new Function('/*@cc_on return @_jscript_version; @*/')() // eslint-disable-line no-new-func 30 | if (typeof jscriptVersion === 'undefined') { 31 | return 11 // IE11+ not in emulation mode 32 | } 33 | if (jscriptVersion < 9) { 34 | return 8 // IE8 (or lower; haven't tested on IE<8) 35 | } 36 | return jscriptVersion // IE9 or IE10 in any mode, or IE11 in non-IE11 mode 37 | } 38 | 39 | var ua = window.navigator.userAgent 40 | if (ua.indexOf('Opera') > -1 || ua.indexOf('Presto') > -1) { 41 | return // Opera, which might pretend to be IE 42 | } 43 | var emulated = emulatedIEMajorVersion() 44 | if (emulated === null) { 45 | return // Not IE 46 | } 47 | var nonEmulated = actualNonEmulatedIEMajorVersion() 48 | 49 | if (emulated !== nonEmulated) { 50 | window.alert('WARNING: You appear to be using IE' + nonEmulated + ' in IE' + emulated + ' emulation mode.\nIE emulation modes can behave significantly differently from ACTUAL older versions of IE.\nPLEASE DON\'T FILE BOOTSTRAP BUGS based on testing in IE emulation modes!') 51 | } 52 | }()) 53 | -------------------------------------------------------------------------------- /docs/4.0/assets/js/ie10-viewport-bug-workaround.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * IE10 viewport hack for Surface/desktop Windows 8 bug 3 | * Copyright 2014-2017 The Bootstrap Authors 4 | * Copyright 2014-2017 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */ 7 | 8 | // See the Getting Started docs for more information: 9 | // https://getbootstrap.com/getting-started/#support-ie10-width 10 | 11 | (function () { 12 | 'use strict' 13 | 14 | if (navigator.userAgent.match(/IEMobile\/10\.0/)) { 15 | var msViewportStyle = document.createElement('style') 16 | msViewportStyle.appendChild( 17 | document.createTextNode( 18 | '@-ms-viewport{width:auto!important}' 19 | ) 20 | ) 21 | document.head.appendChild(msViewportStyle) 22 | } 23 | 24 | }()) 25 | -------------------------------------------------------------------------------- /docs/4.0/assets/js/src/ie-emulation-modes-warning.js: -------------------------------------------------------------------------------- 1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT 2 | // IT'S JUST JUNK FOR OUR DOCS! 3 | // ++++++++++++++++++++++++++++++++++++++++++ 4 | 5 | // Intended to prevent false-positive bug reports about Bootstrap not working properly in old versions of IE due to folks testing using IE's unreliable emulation modes. 6 | (function () { 7 | 'use strict' 8 | 9 | function emulatedIEMajorVersion() { 10 | var groups = /MSIE ([0-9.]+)/.exec(window.navigator.userAgent) 11 | if (groups === null) { 12 | return null 13 | } 14 | var ieVersionNum = parseInt(groups[1], 10) 15 | var ieMajorVersion = Math.floor(ieVersionNum) 16 | return ieMajorVersion 17 | } 18 | 19 | function actualNonEmulatedIEMajorVersion() { 20 | // Detects the actual version of IE in use, even if it's in an older-IE emulation mode. 21 | // IE JavaScript conditional compilation docs: https://msdn.microsoft.com/library/121hztk3%28v=vs.94%29.aspx 22 | // @cc_on docs: https://msdn.microsoft.com/library/8ka90k2e%28v=vs.94%29.aspx 23 | var jscriptVersion = new Function('/*@cc_on return @_jscript_version; @*/')() // eslint-disable-line no-new-func 24 | if (typeof jscriptVersion === 'undefined') { 25 | return 11 // IE11+ not in emulation mode 26 | } 27 | if (jscriptVersion < 9) { 28 | return 8 // IE8 (or lower; haven't tested on IE<8) 29 | } 30 | return jscriptVersion // IE9 or IE10 in any mode, or IE11 in non-IE11 mode 31 | } 32 | 33 | var ua = window.navigator.userAgent 34 | if (ua.indexOf('Opera') > -1 || ua.indexOf('Presto') > -1) { 35 | return // Opera, which might pretend to be IE 36 | } 37 | var emulated = emulatedIEMajorVersion() 38 | if (emulated === null) { 39 | return // Not IE 40 | } 41 | var nonEmulated = actualNonEmulatedIEMajorVersion() 42 | 43 | if (emulated !== nonEmulated) { 44 | // eslint-disable-next-line no-alert 45 | window.alert('WARNING: You appear to be using IE' + nonEmulated + ' in IE' + emulated + ' emulation mode.\nIE emulation modes can behave significantly differently from ACTUAL older versions of IE.\nPLEASE DON\'T FILE BOOTSTRAP BUGS based on testing in IE emulation modes!') 46 | } 47 | }()) 48 | -------------------------------------------------------------------------------- /docs/4.0/components/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bootstrap · Content moved 7 | 8 | 9 | 10 | 32 | 33 | 34 |

Redirecting…

35 | Click here if you are not redirected 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /docs/4.0/content/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bootstrap · Content moved 7 | 8 | 9 | 10 | 32 | 33 | 34 |

Redirecting…

35 | Click here if you are not redirected 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /docs/4.0/examples/album/album.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --jumbotron-padding-y: 3rem; 3 | } 4 | 5 | .jumbotron { 6 | padding-top: var(--jumbotron-padding-y); 7 | padding-bottom: var(--jumbotron-padding-y); 8 | margin-bottom: 0; 9 | background-color: #fff; 10 | } 11 | @media (min-width: 768px) { 12 | .jumbotron { 13 | padding-top: calc(var(--jumbotron-padding-y) * 2); 14 | padding-bottom: calc(var(--jumbotron-padding-y) * 2); 15 | } 16 | } 17 | 18 | .jumbotron p:last-child { 19 | margin-bottom: 0; 20 | } 21 | 22 | .jumbotron-heading { 23 | font-weight: 300; 24 | } 25 | 26 | .jumbotron .container { 27 | max-width: 40rem; 28 | } 29 | 30 | footer { 31 | padding-top: 3rem; 32 | padding-bottom: 3rem; 33 | } 34 | 35 | footer p { 36 | margin-bottom: .25rem; 37 | } 38 | 39 | .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); } 40 | -------------------------------------------------------------------------------- /docs/4.0/examples/blog/blog.css: -------------------------------------------------------------------------------- 1 | /* stylelint-disable selector-list-comma-newline-after */ 2 | 3 | .blog-header { 4 | line-height: 1; 5 | border-bottom: 1px solid #e5e5e5; 6 | } 7 | 8 | .blog-header-logo { 9 | font-family: "Playfair Display", Georgia, "Times New Roman", serif; 10 | font-size: 2.25rem; 11 | } 12 | 13 | .blog-header-logo:hover { 14 | text-decoration: none; 15 | } 16 | 17 | h1, h2, h3, h4, h5, h6 { 18 | font-family: "Playfair Display", Georgia, "Times New Roman", serif; 19 | } 20 | 21 | .display-4 { 22 | font-size: 2.5rem; 23 | } 24 | @media (min-width: 768px) { 25 | .display-4 { 26 | font-size: 3rem; 27 | } 28 | } 29 | 30 | .nav-scroller { 31 | position: relative; 32 | z-index: 2; 33 | height: 2.75rem; 34 | overflow-y: hidden; 35 | } 36 | 37 | .nav-scroller .nav { 38 | display: -webkit-box; 39 | display: -ms-flexbox; 40 | display: flex; 41 | -ms-flex-wrap: nowrap; 42 | flex-wrap: nowrap; 43 | padding-bottom: 1rem; 44 | margin-top: -1px; 45 | overflow-x: auto; 46 | text-align: center; 47 | white-space: nowrap; 48 | -webkit-overflow-scrolling: touch; 49 | } 50 | 51 | .nav-scroller .nav-link { 52 | padding-top: .75rem; 53 | padding-bottom: .75rem; 54 | font-size: .875rem; 55 | } 56 | 57 | .card-img-right { 58 | height: 100%; 59 | border-radius: 0 3px 3px 0; 60 | } 61 | 62 | .flex-auto { 63 | -ms-flex: 0 0 auto; 64 | -webkit-box-flex: 0; 65 | flex: 0 0 auto; 66 | } 67 | 68 | .h-250 { height: 250px; } 69 | @media (min-width: 768px) { 70 | .h-md-250 { height: 250px; } 71 | } 72 | 73 | .border-top { border-top: 1px solid #e5e5e5; } 74 | .border-bottom { border-bottom: 1px solid #e5e5e5; } 75 | 76 | .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); } 77 | 78 | /* 79 | * Blog name and description 80 | */ 81 | .blog-title { 82 | margin-bottom: 0; 83 | font-size: 2rem; 84 | font-weight: 400; 85 | } 86 | .blog-description { 87 | font-size: 1.1rem; 88 | color: #999; 89 | } 90 | 91 | @media (min-width: 40em) { 92 | .blog-title { 93 | font-size: 3.5rem; 94 | } 95 | } 96 | 97 | /* Pagination */ 98 | .blog-pagination { 99 | margin-bottom: 4rem; 100 | } 101 | .blog-pagination > .btn { 102 | border-radius: 2rem; 103 | } 104 | 105 | /* 106 | * Blog posts 107 | */ 108 | .blog-post { 109 | margin-bottom: 4rem; 110 | } 111 | .blog-post-title { 112 | margin-bottom: .25rem; 113 | font-size: 2.5rem; 114 | } 115 | .blog-post-meta { 116 | margin-bottom: 1.25rem; 117 | color: #999; 118 | } 119 | 120 | /* 121 | * Footer 122 | */ 123 | .blog-footer { 124 | padding: 2.5rem 0; 125 | color: #999; 126 | text-align: center; 127 | background-color: #f9f9f9; 128 | border-top: .05rem solid #e5e5e5; 129 | } 130 | .blog-footer p:last-child { 131 | margin-bottom: 0; 132 | } 133 | -------------------------------------------------------------------------------- /docs/4.0/examples/carousel/carousel.css: -------------------------------------------------------------------------------- 1 | /* GLOBAL STYLES 2 | -------------------------------------------------- */ 3 | /* Padding below the footer and lighter body text */ 4 | 5 | body { 6 | padding-top: 3rem; 7 | padding-bottom: 3rem; 8 | color: #5a5a5a; 9 | } 10 | 11 | 12 | /* CUSTOMIZE THE CAROUSEL 13 | -------------------------------------------------- */ 14 | 15 | /* Carousel base class */ 16 | .carousel { 17 | margin-bottom: 4rem; 18 | } 19 | /* Since positioning the image, we need to help out the caption */ 20 | .carousel-caption { 21 | bottom: 3rem; 22 | z-index: 10; 23 | } 24 | 25 | /* Declare heights because of positioning of img element */ 26 | .carousel-item { 27 | height: 32rem; 28 | background-color: #777; 29 | } 30 | .carousel-item > img { 31 | position: absolute; 32 | top: 0; 33 | left: 0; 34 | min-width: 100%; 35 | height: 32rem; 36 | } 37 | 38 | 39 | /* MARKETING CONTENT 40 | -------------------------------------------------- */ 41 | 42 | /* Center align the text within the three columns below the carousel */ 43 | .marketing .col-lg-4 { 44 | margin-bottom: 1.5rem; 45 | text-align: center; 46 | } 47 | .marketing h2 { 48 | font-weight: 400; 49 | } 50 | .marketing .col-lg-4 p { 51 | margin-right: .75rem; 52 | margin-left: .75rem; 53 | } 54 | 55 | 56 | /* Featurettes 57 | ------------------------- */ 58 | 59 | .featurette-divider { 60 | margin: 5rem 0; /* Space out the Bootstrap
more */ 61 | } 62 | 63 | /* Thin out the marketing headings */ 64 | .featurette-heading { 65 | font-weight: 300; 66 | line-height: 1; 67 | letter-spacing: -.05rem; 68 | } 69 | 70 | 71 | /* RESPONSIVE CSS 72 | -------------------------------------------------- */ 73 | 74 | @media (min-width: 40em) { 75 | /* Bump up size of carousel content */ 76 | .carousel-caption p { 77 | margin-bottom: 1.25rem; 78 | font-size: 1.25rem; 79 | line-height: 1.4; 80 | } 81 | 82 | .featurette-heading { 83 | font-size: 50px; 84 | } 85 | } 86 | 87 | @media (min-width: 62em) { 88 | .featurette-heading { 89 | margin-top: 7rem; 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /docs/4.0/examples/checkout/form-validation.css: -------------------------------------------------------------------------------- 1 | .container { 2 | max-width: 960px; 3 | } 4 | 5 | .border-top { border-top: 1px solid #e5e5e5; } 6 | .border-bottom { border-bottom: 1px solid #e5e5e5; } 7 | .border-top-gray { border-top-color: #adb5bd; } 8 | 9 | .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); } 10 | 11 | .lh-condensed { line-height: 1.25; } 12 | -------------------------------------------------------------------------------- /docs/4.0/examples/cover/cover.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Globals 3 | */ 4 | 5 | /* Links */ 6 | a, 7 | a:focus, 8 | a:hover { 9 | color: #fff; 10 | } 11 | 12 | /* Custom default button */ 13 | .btn-secondary, 14 | .btn-secondary:hover, 15 | .btn-secondary:focus { 16 | color: #333; 17 | text-shadow: none; /* Prevent inheritance from `body` */ 18 | background-color: #fff; 19 | border: .05rem solid #fff; 20 | } 21 | 22 | 23 | /* 24 | * Base structure 25 | */ 26 | 27 | html, 28 | body { 29 | height: 100%; 30 | background-color: #333; 31 | } 32 | 33 | body { 34 | display: -ms-flexbox; 35 | display: -webkit-box; 36 | display: flex; 37 | -ms-flex-pack: center; 38 | -webkit-box-pack: center; 39 | justify-content: center; 40 | color: #fff; 41 | text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5); 42 | box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); 43 | } 44 | 45 | .cover-container { 46 | max-width: 42em; 47 | } 48 | 49 | 50 | /* 51 | * Header 52 | */ 53 | .masthead { 54 | margin-bottom: 2rem; 55 | } 56 | 57 | .masthead-brand { 58 | margin-bottom: 0; 59 | } 60 | 61 | .nav-masthead .nav-link { 62 | padding: .25rem 0; 63 | font-weight: 700; 64 | color: rgba(255, 255, 255, .5); 65 | background-color: transparent; 66 | border-bottom: .25rem solid transparent; 67 | } 68 | 69 | .nav-masthead .nav-link:hover, 70 | .nav-masthead .nav-link:focus { 71 | border-bottom-color: rgba(255, 255, 255, .25); 72 | } 73 | 74 | .nav-masthead .nav-link + .nav-link { 75 | margin-left: 1rem; 76 | } 77 | 78 | .nav-masthead .active { 79 | color: #fff; 80 | border-bottom-color: #fff; 81 | } 82 | 83 | @media (min-width: 48em) { 84 | .masthead-brand { 85 | float: left; 86 | } 87 | .nav-masthead { 88 | float: right; 89 | } 90 | } 91 | 92 | 93 | /* 94 | * Cover 95 | */ 96 | .cover { 97 | padding: 0 1.5rem; 98 | } 99 | .cover .btn-lg { 100 | padding: .75rem 1.25rem; 101 | font-weight: 700; 102 | } 103 | 104 | 105 | /* 106 | * Footer 107 | */ 108 | .mastfoot { 109 | color: rgba(255, 255, 255, .5); 110 | } 111 | -------------------------------------------------------------------------------- /docs/4.0/examples/cover/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Cover Template for Bootstrap 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |

Cover

25 | 30 |
31 |
32 | 33 |
34 |

Cover your page.

35 |

Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.

36 |

37 | Learn more 38 |

39 |
40 | 41 | 46 |
47 | 48 | 49 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /docs/4.0/examples/dashboard/dashboard.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: .875rem; 3 | } 4 | 5 | .feather { 6 | width: 16px; 7 | height: 16px; 8 | vertical-align: text-bottom; 9 | } 10 | 11 | /* 12 | * Sidebar 13 | */ 14 | 15 | .sidebar { 16 | position: fixed; 17 | top: 0; 18 | bottom: 0; 19 | left: 0; 20 | z-index: 100; /* Behind the navbar */ 21 | padding: 0; 22 | box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); 23 | } 24 | 25 | .sidebar-sticky { 26 | position: -webkit-sticky; 27 | position: sticky; 28 | top: 48px; /* Height of navbar */ 29 | height: calc(100vh - 48px); 30 | padding-top: .5rem; 31 | overflow-x: hidden; 32 | overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ 33 | } 34 | 35 | .sidebar .nav-link { 36 | font-weight: 500; 37 | color: #333; 38 | } 39 | 40 | .sidebar .nav-link .feather { 41 | margin-right: 4px; 42 | color: #999; 43 | } 44 | 45 | .sidebar .nav-link.active { 46 | color: #007bff; 47 | } 48 | 49 | .sidebar .nav-link:hover .feather, 50 | .sidebar .nav-link.active .feather { 51 | color: inherit; 52 | } 53 | 54 | .sidebar-heading { 55 | font-size: .75rem; 56 | text-transform: uppercase; 57 | } 58 | 59 | /* 60 | * Navbar 61 | */ 62 | 63 | .navbar-brand { 64 | padding-top: .75rem; 65 | padding-bottom: .75rem; 66 | font-size: 1rem; 67 | background-color: rgba(0, 0, 0, .25); 68 | box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); 69 | } 70 | 71 | .navbar .form-control { 72 | padding: .75rem 1rem; 73 | border-width: 0; 74 | border-radius: 0; 75 | } 76 | 77 | .form-control-dark { 78 | color: #fff; 79 | background-color: rgba(255, 255, 255, .1); 80 | border-color: rgba(255, 255, 255, .1); 81 | } 82 | 83 | .form-control-dark:focus { 84 | border-color: transparent; 85 | box-shadow: 0 0 0 3px rgba(255, 255, 255, .25); 86 | } 87 | 88 | /* 89 | * Utilities 90 | */ 91 | 92 | .border-top { border-top: 1px solid #e5e5e5; } 93 | .border-bottom { border-bottom: 1px solid #e5e5e5; } 94 | -------------------------------------------------------------------------------- /docs/4.0/examples/floating-labels/floating-labels.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --input-padding-x: .75rem; 3 | --input-padding-y: .75rem; 4 | } 5 | 6 | html, 7 | body { 8 | height: 100%; 9 | } 10 | 11 | body { 12 | display: -ms-flexbox; 13 | display: -webkit-box; 14 | display: flex; 15 | -ms-flex-align: center; 16 | -ms-flex-pack: center; 17 | -webkit-box-align: center; 18 | align-items: center; 19 | -webkit-box-pack: center; 20 | justify-content: center; 21 | padding-top: 40px; 22 | padding-bottom: 40px; 23 | background-color: #f5f5f5; 24 | } 25 | 26 | .form-signin { 27 | width: 100%; 28 | max-width: 420px; 29 | padding: 15px; 30 | margin: 0 auto; 31 | } 32 | 33 | .form-label-group { 34 | position: relative; 35 | margin-bottom: 1rem; 36 | } 37 | 38 | .form-label-group > input, 39 | .form-label-group > label { 40 | padding: var(--input-padding-y) var(--input-padding-x); 41 | } 42 | 43 | .form-label-group > label { 44 | position: absolute; 45 | top: 0; 46 | left: 0; 47 | display: block; 48 | width: 100%; 49 | margin-bottom: 0; /* Override default `