0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Bootstrap/site/docs/4.3/examples
Mark Otto 2892675f65 v4/v5: Add responsive containers (#29095)
* create responsive containers

provide more flexibility and allow the user to determine when containers switch from fluid to fixed width.

* fix the base container code

this commit fixes the non-media portion of the generated CSS. I learned about the `@extends` directive and was able to put it to good use.

I create a new temporary map that contains all the main `$container-max-widths` and join it to our 2 special cases of 'xs' and 'fluid'.  Then we loop through that and, with the appropriate infixes, extend our placeholder

* formatting for style

forgot to run my tests before the last push, i think these are better.

* finish incomplete comment

* fix the responsive containers

using the `@extend` directive I was able to clean up this code

* fix responsive containers in the navbar

mostly we just look through all of our breakpoints so we can include all of the responsive container classes in the tweaks we have to do for the navbar (redeclaring flex properties, don't double up on padding, etc)

* Simplify container extends

* Simplify navbar containers

* Rearrange, add comments, ensure everything is nested in $enable-grid-classes

* Reduce new CSS by using attribute selector

We avoid using `@extend` whenever possible, and this is more readable

* Update _grid.scss

* Update _navbar.scss

* Add docs for responsive containers, redesign the container layout page

* Add to the Grid example
2019-08-17 17:03:00 +03:00
..
album Album example: remove misleading jumbotron-heading classname (#28741) 2019-05-09 21:30:32 +03:00
blog add an explicit aria-label on link with svg on sample pages (#28360) 2019-03-08 00:29:21 +02:00
carousel add tabindex="-1" and aria-disabled="true" on disabled links (#28305) 2019-03-08 00:29:20 +02:00
checkout Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
cover Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
dashboard add an explicit aria-label on link with svg on sample pages (#28360) 2019-03-08 00:29:21 +02:00
floating-labels Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
grid v4/v5: Add responsive containers (#29095) 2019-08-17 17:03:00 +03:00
jumbotron add tabindex="-1" and aria-disabled="true" on disabled links (#28305) 2019-03-08 00:29:20 +02:00
navbar-bottom add tabindex="-1" and aria-disabled="true" on disabled links (#28305) 2019-03-08 00:29:20 +02:00
navbar-fixed add tabindex="-1" and aria-disabled="true" on disabled links (#28305) 2019-03-08 00:29:20 +02:00
navbar-static Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
navbars add tabindex="-1" and aria-disabled="true" on disabled links (#28305) 2019-03-08 00:29:20 +02:00
offcanvas Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
pricing Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
product add an explicit aria-label on link with svg on sample pages (#28360) 2019-03-08 00:29:21 +02:00
sign-in Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
starter-template Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
sticky-footer Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
sticky-footer-navbar Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
.stylelintrc Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00
index.html Release v4.3.0 (#28228) 2019-02-11 11:15:34 -08:00