diff --git a/docs/_data/nav.yml b/docs/_data/nav.yml index 6fd5583a3..1bfd71359 100644 --- a/docs/_data/nav.yml +++ b/docs/_data/nav.yml @@ -50,25 +50,25 @@ - title: Carousel - title: Utilities -- title: Examples - pages: - - title: Starter template - - title: Grid - - title: Jumbotron - - title: Narrow jumbotron - - title: Navbar - - title: Navbar top - - title: Navbar top fixed - - title: Cover - - title: Album - - title: Carousel - - title: Blog - - title: Dashboard - - title: Sign-in page - - title: Justified nav - - title: Sticky footer - - title: Sticky footer with navbar - - title: Offcanvas +# - title: Examples +# pages: +# - title: Starter template +# - title: Grid +# - title: Jumbotron +# - title: Narrow jumbotron +# - title: Navbar +# - title: Navbar top +# - title: Navbar top fixed +# - title: Cover +# - title: Album +# - title: Carousel +# - title: Blog +# - title: Dashboard +# - title: Sign-in page +# - title: Justified nav +# - title: Sticky footer +# - title: Sticky footer with navbar +# - title: Offcanvas # - title: Extend # pages: diff --git a/docs/_includes/page-headers.html b/docs/_includes/page-headers.html new file mode 100644 index 000000000..37e69278d --- /dev/null +++ b/docs/_includes/page-headers.html @@ -0,0 +1,31 @@ +{% if page.group == "getting-started" %} +

Getting started

+

+ An overview of Bootstrap, how to download and use, basic templates and examples, and more. +

+{% elsif page.group == "layout" %} +

Layout

+

+ Options for structuring your pages with Bootstrap, including global styles, required scaffolding, grid system, and more. +

+{% elsif page.group == "components" %} +

Components

+

+ Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more. +

+{% elsif page.group == "javascript" %} +

JavaScript plugins

+

+ Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one. +

+{% elsif page.group == "about" %} +

About

+

+ Learn about the project's history, meet the maintaining teams, and find out how to use the Bootstrap brand. +

+{% elsif page.group == "migration" %} +

Migration

+

+ Guidance on how to upgrade from Bootstrap v3.x to v4.x with emphasis on major changes, what's new, and what's been removed. +

+{% endif %} diff --git a/docs/_layouts/page.html b/docs/_layouts/page.html index 54197b84f..8c5d8a277 100644 --- a/docs/_layouts/page.html +++ b/docs/_layouts/page.html @@ -2,13 +2,19 @@ layout: default --- +
+
+ {% include ads.html %} + {% include page-headers.html %} +
+
+
{% include nav-docs.html %}
- {% include ads.html %}

{{ page.title }}

{{ content }}
diff --git a/docs/about/brand.md b/docs/about/brand.md index 6c25b3180..acc73323c 100644 --- a/docs/about/brand.md +++ b/docs/about/brand.md @@ -1,6 +1,7 @@ --- layout: page title: Brand guidelines +group: about --- Have a need for Bootstrap's brand resources? Great! We have only a few guidelines we follow, and in turn ask you to follow as well. These guidelines were inspired by MailChimp's [Brand Assets](http://mailchimp.com/about/brand-assets/). diff --git a/docs/about/history.md b/docs/about/history.md index 7d881fe07..788639607 100644 --- a/docs/about/history.md +++ b/docs/about/history.md @@ -1,10 +1,11 @@ --- layout: page title: History +group: about --- 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. Bootstrap was created at Twitter in mid-2010 by [@mdo](https://twitter.com/mdo) and [@fat](https://twitter.com/fat). Prior to being an open-sourced framework, Bootstrap was known as _Twitter Blueprint_. A few months into development, Twitter held its [first Hack Week](https://blog.twitter.com/2010/hack-week) 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. -Originally [released](https://blog.twitter.com/2011/bootstrap-twitter) on [](https://twitter.com/mdo/statuses/104620039650557952), we've since had over [twenty releases](https://github.com/twbs/bootstrap/releases), 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. \ No newline at end of file +Originally [released](https://blog.twitter.com/2011/bootstrap-twitter) on [](https://twitter.com/mdo/statuses/104620039650557952), we've since had over [twenty releases](https://github.com/twbs/bootstrap/releases), 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. diff --git a/docs/about/license.md b/docs/about/license.md index 24746dbca..53b0c1c6f 100644 --- a/docs/about/license.md +++ b/docs/about/license.md @@ -1,6 +1,7 @@ --- layout: page title: License FAQs +group: about --- Bootstrap is released under the MIT license and is copyright {{ site.time | date: "%Y" }} Twitter. Boiled down to smaller chunks, it can be described with the following conditions. diff --git a/docs/about/team.md b/docs/about/team.md index c26be9a7c..fb747774f 100644 --- a/docs/about/team.md +++ b/docs/about/team.md @@ -1,6 +1,7 @@ --- layout: page title: Team +group: about --- Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community. diff --git a/docs/about/translations.md b/docs/about/translations.md index f15465ca5..55f15c42a 100644 --- a/docs/about/translations.md +++ b/docs/about/translations.md @@ -1,6 +1,7 @@ --- layout: page title: Translations +group: about --- Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date. diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css index 6db8e9d84..2b8f8f400 100644 --- a/docs/assets/css/docs.min.css +++ b/docs/assets/css/docs.min.css @@ -5,7 +5,7 @@ * details, see http://creativecommons.org/licenses/by/3.0/. */ .bd-docs { - padding-top: 5rem; } + padding-top: 3.65rem; } .bd-container { position: relative; @@ -41,7 +41,26 @@ .bd-container > table td:first-child > code { white-space: nowrap; } -.bd-content > h2 { +.bd-pageheader { + margin-bottom: 3rem; + padding-top: 2rem; + padding-bottom: 2rem; + color: #cdbfe3; + background-color: #563d7c; } + .bd-pageheader h1 { + font-size: 4rem; + font-weight: normal; + color: #fff; } + .bd-pageheader p { + font-size: 1.5rem; } + @media (min-width: 34em) { + .bd-pageheader { + padding-top: 4rem; + padding-bottom: 4rem; } + .bd-pageheader .carbonad { + float: right; } } + +.bd-content > h2:not(:first-child) { margin-top: 3rem; } .bd-content > h3 { @@ -53,9 +72,9 @@ @media (min-width: 34em) { .bd-title { - font-size: 4rem; } + font-size: 3rem; } .bd-title + p { - font-size: 1.5rem; + font-size: 1.25rem; font-weight: 300; } } #markdown-toc > li:first-child { diff --git a/docs/assets/css/docs.min.css.map b/docs/assets/css/docs.min.css.map index afec3cc0f..d39cfd3ca 100644 Binary files a/docs/assets/css/docs.min.css.map and b/docs/assets/css/docs.min.css.map differ diff --git a/docs/assets/scss/_layout.scss b/docs/assets/scss/_layout.scss index 281acbc8b..a794be069 100644 --- a/docs/assets/scss/_layout.scss +++ b/docs/assets/scss/_layout.scss @@ -1,6 +1,6 @@ .bd-docs { - padding-top: 5rem; + padding-top: 3.65rem; } // Custom container @@ -59,12 +59,39 @@ } +.bd-pageheader { + margin-bottom: 3rem; + padding-top: 2rem; + padding-bottom: 2rem; + color: $bd-purple-light; + background-color: $bd-purple; + + h1 { + font-size: 4rem; + font-weight: normal; + color: #fff; + } + + p { + font-size: 1.5rem; + } + + @include media-breakpoint-up(sm) { + padding-top: 4rem; + padding-bottom: 4rem; + + .carbonad { + float: right; + } + } +} + // // Docs sections // .bd-content { - > h2 { + > h2:not(:first-child) { margin-top: 3rem; } @@ -80,10 +107,10 @@ .bd-title { @include media-breakpoint-up(sm) { - font-size: 4rem; + font-size: 3rem; + p { - font-size: 1.5rem; + font-size: 1.25rem; font-weight: 300; } } diff --git a/docs/components/alerts.md b/docs/components/alerts.md index b3a2e1b00..7e40c7a74 100644 --- a/docs/components/alerts.md +++ b/docs/components/alerts.md @@ -1,6 +1,7 @@ --- layout: page title: Alerts +group: components --- Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. diff --git a/docs/components/breadcrumb.md b/docs/components/breadcrumb.md index b6791d68c..c519e35ec 100644 --- a/docs/components/breadcrumb.md +++ b/docs/components/breadcrumb.md @@ -1,6 +1,7 @@ --- layout: page title: Breadcrumb +group: components --- Indicate the current page's location within a navigational hierarchy. diff --git a/docs/components/button-dropdown.md b/docs/components/button-dropdown.md index be54bff7f..c25a86e76 100644 --- a/docs/components/button-dropdown.md +++ b/docs/components/button-dropdown.md @@ -1,6 +1,7 @@ --- layout: page title: Button dropdown +group: components --- Use any button to trigger a dropdown menu by placing it within a `.btn-group` and providing the proper dropdown menu markup. diff --git a/docs/components/button-group.md b/docs/components/button-group.md index 6629ce6f4..ce534c6d7 100644 --- a/docs/components/button-group.md +++ b/docs/components/button-group.md @@ -1,6 +1,7 @@ --- layout: page title: Button group +group: components --- Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with [our buttons plugin](../javascript/#buttons). diff --git a/docs/components/buttons.md b/docs/components/buttons.md index a345dffdf..77d090cbe 100644 --- a/docs/components/buttons.md +++ b/docs/components/buttons.md @@ -1,6 +1,7 @@ --- layout: page title: Buttons +group: components --- Buttons are used to execute actions in forms, dialogs, and more. Use any of the available button classes to quickly create a styled button. diff --git a/docs/components/card.md b/docs/components/card.md index 68e809e12..110623a25 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -1,6 +1,7 @@ --- layout: page title: Cards +group: components --- A **card** 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. diff --git a/docs/components/carousel.md b/docs/components/carousel.md index 573c6ab79..2abcf928b 100644 --- a/docs/components/carousel.md +++ b/docs/components/carousel.md @@ -1,6 +1,7 @@ --- layout: page title: Carousel +group: components --- A slideshow component for cycling through elements—images or slides of text—like a carousel. **Nested carousels are not supported.** diff --git a/docs/components/code.md b/docs/components/code.md index 9c7f92bae..51c061717 100644 --- a/docs/components/code.md +++ b/docs/components/code.md @@ -1,6 +1,7 @@ --- layout: page title: Code +group: components --- Styles for inline code snippets and longer, multiline blocks of code. diff --git a/docs/components/collapse.md b/docs/components/collapse.md index e3eff9e69..3f399cb75 100644 --- a/docs/components/collapse.md +++ b/docs/components/collapse.md @@ -1,6 +1,7 @@ --- layout: page title: Collapse +group: components --- Flexible plugin that utilizes a handful of classes for easy toggle behavior. diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index c0b6b73f0..d726d6c79 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -1,6 +1,7 @@ --- layout: page title: Dropdowns +group: components --- Toggleable, contextual menu for displaying lists of links. Made interactive with the included dropdown JavaScript plugin. diff --git a/docs/components/forms.md b/docs/components/forms.md index 1d8f5886f..95a2c5992 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -1,6 +1,7 @@ --- layout: page title: Forms +group: components --- Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms. diff --git a/docs/components/images.md b/docs/components/images.md index afcf1c9d2..3092c4a1a 100644 --- a/docs/components/images.md +++ b/docs/components/images.md @@ -1,6 +1,7 @@ --- layout: page title: Images +group: components --- Opt your images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes. diff --git a/docs/components/input-group.md b/docs/components/input-group.md index 0d0edd1ac..08093917a 100644 --- a/docs/components/input-group.md +++ b/docs/components/input-group.md @@ -1,6 +1,7 @@ --- layout: page title: Input group +group: components --- Easily extend form controls by adding text, buttons, or button groups on either side of textual ``s. diff --git a/docs/components/jumbotron.md b/docs/components/jumbotron.md index 2fb83f71f..b19564b8c 100644 --- a/docs/components/jumbotron.md +++ b/docs/components/jumbotron.md @@ -1,6 +1,7 @@ --- layout: page title: Jumbotron +group: components --- A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site. diff --git a/docs/components/label.md b/docs/components/label.md index 42fa51447..cc730293e 100644 --- a/docs/components/label.md +++ b/docs/components/label.md @@ -1,6 +1,7 @@ --- layout: page title: Labels +group: components --- Small and adaptive tag for adding context to just about any content. diff --git a/docs/components/list-group.md b/docs/components/list-group.md index 3291b8836..a15c8d8fe 100644 --- a/docs/components/list-group.md +++ b/docs/components/list-group.md @@ -1,6 +1,7 @@ --- layout: page title: List group +group: components --- List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content. diff --git a/docs/components/modal.md b/docs/components/modal.md index 602cb5eb6..12f40cdea 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -1,6 +1,7 @@ --- layout: page title: Modal +group: components --- Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults. diff --git a/docs/components/navbar.md b/docs/components/navbar.md index a1f8bae74..863189a89 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -1,6 +1,7 @@ --- layout: page title: Navbar +group: components --- The navbar is a simple wrapper for positioning branding, navigation, and other elements. It's easily extensible and with the help of our collapse plugin it can easily integrate offscreen content. diff --git a/docs/components/navs.md b/docs/components/navs.md index 8a34eaadd..932e7c383 100644 --- a/docs/components/navs.md +++ b/docs/components/navs.md @@ -1,6 +1,7 @@ --- layout: page title: Navs +group: components --- Navigation available in Bootstrap share general markup and styles, from the base `.nav` class to the active and disabled states. Swap modifier classes to switch between each style. diff --git a/docs/components/pagination.md b/docs/components/pagination.md index 6a49de48b..8ef8cba89 100644 --- a/docs/components/pagination.md +++ b/docs/components/pagination.md @@ -1,6 +1,7 @@ --- layout: page title: Pagination +group: components --- Provide pagination links for your site or app with the multi-page pagination component, or the simpler [pager alternative](#pagination-pager). diff --git a/docs/components/popovers.md b/docs/components/popovers.md index 2f153401f..5cc988406 100644 --- a/docs/components/popovers.md +++ b/docs/components/popovers.md @@ -1,6 +1,7 @@ --- layout: page title: Popovers +group: components --- Add small overlays of content, like those found in iOS, to any element for housing secondary information. diff --git a/docs/components/progress.md b/docs/components/progress.md index f69d6012c..2e4266288 100644 --- a/docs/components/progress.md +++ b/docs/components/progress.md @@ -1,6 +1,7 @@ --- layout: page title: Progress +group: components --- Stylize the HTML5 `` element with a few extra classes and some crafty browser-specific CSS. Be sure to read up on the browser support. diff --git a/docs/components/reboot.md b/docs/components/reboot.md index 5e8b770a1..5e2c97011 100644 --- a/docs/components/reboot.md +++ b/docs/components/reboot.md @@ -1,6 +1,7 @@ --- layout: page title: Reboot +group: components --- Part of Bootstrap's job is to provide an elegant, consistent, and simple baseline to build upon. We use Reboot, a collection of element-specific CSS changes in a single file, to kickstart that. diff --git a/docs/components/scrollspy.md b/docs/components/scrollspy.md index b39de56d5..610756323 100644 --- a/docs/components/scrollspy.md +++ b/docs/components/scrollspy.md @@ -1,6 +1,7 @@ --- layout: page title: Srollspy +group: components --- ## Contents diff --git a/docs/components/tables.md b/docs/components/tables.md index 2ec988f08..c99187d8c 100644 --- a/docs/components/tables.md +++ b/docs/components/tables.md @@ -1,6 +1,7 @@ --- layout: page title: Tables +group: components --- Due to the widespread use of tables across third-party widgets like calendars and date pickers, we've designed our tables to be **opt-in**. Just add the base class `.table` to any ``. diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index 8e41c2805..2dfa5ae9b 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -1,6 +1,7 @@ --- layout: page title: Tooltips +group: components --- Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage. diff --git a/docs/components/typography.md b/docs/components/typography.md index 60cc87ead..0ad328377 100644 --- a/docs/components/typography.md +++ b/docs/components/typography.md @@ -1,6 +1,7 @@ --- layout: page title: Typography +group: components --- Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes](/components/utilities/). diff --git a/docs/components/utilities.md b/docs/components/utilities.md index f67cb630f..64e3555ef 100644 --- a/docs/components/utilities.md +++ b/docs/components/utilities.md @@ -1,6 +1,7 @@ --- layout: page title: Utility classes +group: components --- Bootstrap includes dozens of utilities—classes with a single purpose. They're designed to reduce the frequency of highly repetitive declarations in your CSS down while allowing for quick and easy development. diff --git a/docs/getting-started/accessibility.md b/docs/getting-started/accessibility.md index 47f24d8dd..d9887605d 100644 --- a/docs/getting-started/accessibility.md +++ b/docs/getting-started/accessibility.md @@ -1,6 +1,7 @@ --- layout: page title: Accessibility +group: getting-started --- Bootstrap follows common web standards and—with minimal extra effort—can be used to create sites that are accessible to those using AT. diff --git a/docs/getting-started/community.md b/docs/getting-started/community.md index a186fcf42..27dec7caf 100644 --- a/docs/getting-started/community.md +++ b/docs/getting-started/community.md @@ -1,6 +1,7 @@ --- layout: page title: Community +group: getting-started --- Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources. diff --git a/docs/getting-started/compiling.md b/docs/getting-started/compiling.md index 13ce42086..46c3b0f2d 100644 --- a/docs/getting-started/compiling.md +++ b/docs/getting-started/compiling.md @@ -1,6 +1,7 @@ --- layout: page title: Compiling +group: getting-started --- Bootstrap uses [Grunt](http://gruntjs.com) for its build system, with convenient methods for working with the framework. It's how we compile our code, run tests, and more. diff --git a/docs/getting-started/contents.md b/docs/getting-started/contents.md index 7df3d8965..9fb6a6ced 100644 --- a/docs/getting-started/contents.md +++ b/docs/getting-started/contents.md @@ -1,6 +1,7 @@ --- layout: page title: Contents +group: getting-started --- Bootstrap can come in one of two forms, as precompiled or source code. Learn more about each form's contents and structure below. diff --git a/docs/getting-started/customize.md b/docs/getting-started/customize.md index 4a2dbe1ca..ecf786087 100644 --- a/docs/getting-started/customize.md +++ b/docs/getting-started/customize.md @@ -1,6 +1,7 @@ --- layout: page title: Customize CSS +group: getting-started --- New to Bootstrap 4, variable-based customization is a way for folks to quickly enable or disable global styles across all of Bootstrap's CSS. Simply update a variable's value and recompile using our Gruntfile. diff --git a/docs/getting-started/download.md b/docs/getting-started/download.md index 7a481f9e6..e5f3372a7 100644 --- a/docs/getting-started/download.md +++ b/docs/getting-started/download.md @@ -1,6 +1,7 @@ --- layout: page title: Download +group: getting-started --- Bootstrap is available for download via ZIP file in two flavors: precompiled CSS and Javascript, and the complete source code with documentation. diff --git a/docs/getting-started/flexbox.md b/docs/getting-started/flexbox.md index 05a407706..c9b007585 100644 --- a/docs/getting-started/flexbox.md +++ b/docs/getting-started/flexbox.md @@ -1,6 +1,7 @@ --- layout: page title: Flexbox +group: getting-started --- Flexbox support has finally come to Bootstrap. Opt-in to the new CSS layout styles with the flick of a variable or the swap of a stylesheet. diff --git a/docs/getting-started/javascript.md b/docs/getting-started/javascript.md index ec012d302..bb4373131 100644 --- a/docs/getting-started/javascript.md +++ b/docs/getting-started/javascript.md @@ -1,6 +1,7 @@ --- layout: page title: JavaScript +group: getting-started --- Bootstrap includes a handful of JavaScript to help bring some of our components to life. Learn more about how to include it, our data and programmatic API options, and more. @@ -103,4 +104,3 @@ Bootstrap's plugins don't fall back particularly gracefully when JavaScript is d For simple transition effects, include `transition.js` once alongside the other JS files. If you're using the compiled (or minified) `bootstrap.js`, there is no need to include this—it's already there. Transition.js is a basic helper for `transitionEnd` events as well as a CSS transition emulator. It's used by the other plugins to check for CSS transition support and to catch hanging transitions. - diff --git a/docs/getting-started/overview.md b/docs/getting-started/overview.md index 6127f3873..84dc5c712 100644 --- a/docs/getting-started/overview.md +++ b/docs/getting-started/overview.md @@ -1,9 +1,10 @@ --- layout: page -title: Getting started +title: Start using Bootstrap +group: getting-started --- -Quickly add Bootstrap to your project via the [Bootstrap CDN](http://bootstrapcdn.com), graciously provided by the [MaxCDN](http://www.maxcdn.com/) folks. +Quickly add Bootstrap to your project via the Bootstrap CDN, graciously provided by the MaxCDN folks. ## Include CSS and JS diff --git a/docs/getting-started/support.md b/docs/getting-started/support.md index 508bc3285..3712214fb 100644 --- a/docs/getting-started/support.md +++ b/docs/getting-started/support.md @@ -1,6 +1,7 @@ --- layout: page title: Supported platforms +group: getting-started --- Bootstrap is built to work best with the latest techniques. As such, older desktop and mobile browsers may display differently, but should remain fully functional. diff --git a/docs/getting-started/template.md b/docs/getting-started/template.md index 54fbc791c..4ba0c840e 100644 --- a/docs/getting-started/template.md +++ b/docs/getting-started/template.md @@ -1,6 +1,7 @@ --- layout: page title: Basic template +group: getting-started --- Start with this basic HTML template, or modify [these examples](../examples/). We hope you'll customize our templates and examples, adapting them to suit your needs. diff --git a/docs/getting-started/third-party-support.md b/docs/getting-started/third-party-support.md index 5af3dba66..123018ab6 100644 --- a/docs/getting-started/third-party-support.md +++ b/docs/getting-started/third-party-support.md @@ -1,6 +1,7 @@ --- layout: page title: Third party support +group: getting-started --- While we don't officially support any third party plugins or add-ons, we do offer some useful advice to help avoid potential issues in your projects. diff --git a/docs/layout/containers.md b/docs/layout/containers.md index 328ee5737..2ab53446f 100644 --- a/docs/layout/containers.md +++ b/docs/layout/containers.md @@ -1,6 +1,7 @@ --- layout: page title: Containers +group: layout --- Bootstrap requires a containing element to wrap site contents and house our grid system. Choose from the fixed or fluid width variation. diff --git a/docs/layout/grid.md b/docs/layout/grid.md index 7415d33f7..b30fe5b1e 100644 --- a/docs/layout/grid.md +++ b/docs/layout/grid.md @@ -1,6 +1,7 @@ --- layout: page title: Grid system +group: layout --- Bootstrap includes a powerful mobile-first grid system for building layouts of all shapes and sizes based on a 12 column layout. diff --git a/docs/layout/media-queries.md b/docs/layout/media-queries.md index fd2c2ea53..8ae957890 100644 --- a/docs/layout/media-queries.md +++ b/docs/layout/media-queries.md @@ -1,6 +1,7 @@ --- layout: page title: Media queries +group: layout --- Since Bootstrap is designed to be mobile-first, we employ media queries in our CSS to create responsive pages and components. diff --git a/docs/layout/media.md b/docs/layout/media.md index 8e3d9a613..f4af28883 100644 --- a/docs/layout/media.md +++ b/docs/layout/media.md @@ -1,6 +1,7 @@ --- layout: page title: Media +group: layout --- Abstract object styles for building custom components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content. diff --git a/docs/layout/responsive-utilities.md b/docs/layout/responsive-utilities.md index a9dd4cdb0..35c6cc13b 100644 --- a/docs/layout/responsive-utilities.md +++ b/docs/layout/responsive-utilities.md @@ -1,6 +1,7 @@ --- layout: page title: Responsive utilities +group: layout --- For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed. diff --git a/docs/layout/scaffolding.md b/docs/layout/scaffolding.md index e20bc37a9..34ef4d74e 100644 --- a/docs/layout/scaffolding.md +++ b/docs/layout/scaffolding.md @@ -1,6 +1,7 @@ --- layout: page title: Scaffolding +group: layout --- The scaffolding of Bootstrap refers to our general approach to building the project. It outlines the basic document requirements and project dependencies. diff --git a/docs/migration.md b/docs/migration.md index 8e00d2278..3671c8338 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -1,6 +1,7 @@ --- layout: page title: Migrating to v4 +group: migration --- Bootstrap 4 is a major rewrite of almost the entire project. The most notable changes are summarized immediately below, followed by more specific class and behavioral changes to relevant components.