rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-04 04:29:23 +01:00
Code Issues Actions Packages Releases Activity
Bootstrap/site/content/docs/5.3/examples/grid/grid.css

14 lines
399 B
CSS
Raw Normal View History

Improve Grid examples. (#26808) Removes the grid.css file of the grid example and makes use of utility classes
2018-10-21 09:52:13 +02:00
.themed-grid-col {
Update examples to the Bootstrap 5 grid
2019-09-28 16:16:03 +02:00
padding-top: .75rem;
padding-bottom: .75rem;
Update grid example
2023-01-16 17:30:05 +01:00
background-color: rgba(112.520718, 44.062154, 249.437846, .15);
border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3);
Update remaining templates to match starter template
2013-06-23 17:17:08 -07:00
}
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-07-21 17:38:36 -07:00
.themed-container {
Update examples to the Bootstrap 5 grid
2019-09-28 16:16:03 +02:00
padding: .75rem;
margin-bottom: 1.5rem;
Update grid example
2023-01-16 17:30:05 +01:00
background-color: rgba(112.520718, 44.062154, 249.437846, .15);
border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3);
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-07-21 17:38:36 -07:00
}
Reference in New Issue Copy Permalink