aboutsummaryrefslogtreecommitdiff
path: root/scss/_grid.scss
AgeCommit message (Collapse)AuthorFilesLines
2020-06-14Avoid duplication of container breakpoints (#30969)k-utsumi1-5/+1
2020-01-02Allow percentages in container widths (#29819)Martijn Cuppens1-1/+9
2019-09-26Allow override default col widthysds1-10/+0
2019-09-26CleanupMark Otto1-0/+10
- Rename and move the variable to variables file - Move code to the grid file - Use the mixin to generate our own classes - Wrap in a grid classes enabled conditional - Document the mixin
2019-08-17Responsive containers (follow-up to #29095) (#29118)Mark Otto1-1/+9
* Follow-up to #29095 This PR fixes the responsive containers that were added in #29095, originally stubbed out in #25631. Apologies to @browner12 for getting that wrong. Fixes #25631. * update navbar as well because we cannot reset all containers uniformly * Update navbars example to include container-xl example to ensure containers match * rewrite responsive containers docs, add table of max-widths * Update container docs - Move table up to the intro - Remove the container example because it's actually hella confusing - Update and link to grid example as a demo instead
2019-08-17Extend `.container-fluid` (#29106)Martijn Cuppens1-1/+1
2019-08-17v4/v5: Add responsive containers (#29095)Mark Otto1-7/+16
* 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-31Haha, floats. It's 2019 (#29147)Martijn Cuppens1-1/+1
2017-08-14De-dupe width on .fluid-container (#23402)Mark Otto1-1/+0
Fixes #23397
2017-04-03css: .container-fluid 100%Catalin Zalog1-2/+3
Force .container-fluid to be 100% width no matter if the parent is flex, or not. Pen: http://codepen.io/zalog/pen/yMwyGr
2016-11-27Rename `.col-xs` to `.col` + some other cleanup (#21222)Starsam801-0/+1
* Use `breakpoint-min` instead of a counter * Remove 'xs' from flexbox grid
2016-11-26Add .no-gutters option to remove gutters from rows (#21211)Mark Otto1-0/+12
Fixes #19107.
2016-02-06Ugh, Sass doesn't do extends across media, so we can't use placeholder hereMark Otto1-13/+0
2016-02-06flip things around again, no more base class, try out some new stuff to keep ↵Mark Otto1-6/+6
responsive flex grid working
2016-02-06Move grid flex classes to utils instead maybe?Mark Otto1-37/+0
2016-02-06Revamp grid classes to require .col base class and improve flexbox grid ↵Mark Otto1-0/+12
classes with auto layout via flex: 1
2015-12-27.container, .container-fluid should be conditional upon $enable-grid-classesBass Jobsen1-8/+9
see: https://github.com/twbs/bootstrap/issues/17586
2015-10-27Merge pull request #17749 from Prelc/patch-1Mark Otto1-1/+0
Remove empty line from _grid.scss
2015-10-23Stop hardcoding grid tiers in flexbox alignment & ordering classes; fixes #18026Chris Rebert1-64/+17
[skip sauce] [skip validator]
2015-10-01Update _grid.scssMarko Prelec1-1/+0
Removed empty row.
2015-09-01Merge pull request #17259 from twbs/v4gcMark Otto1-4/+8
v4: Conditional predefined grid classes
2015-08-28scss: semantic grid: add make-container-breakpointO'meid1-6/+1
Signed-off-by: O'meid <[email protected]>
2015-08-23Make predefined grid classes conditionalMark Otto1-4/+8
- Add explicit -grid-classes variable and set to true by default - Wrap .row and .col generation in the boolean var
2015-08-17clean out comments that aren't all that helpfulMark Otto1-5/+0
2015-05-27Merge branch 'v4' of https://github.com/twbs/derpstrap into v4Mark Otto1-1/+1
Conflicts: dist/css/bootstrap.css dist/css/bootstrap.css.map docs/assets/css/docs.min.css
2015-04-27more flex grid stuffMark Otto1-5/+64
2015-04-27stub out flexbox grid variation via -flexMark Otto1-0/+25
2015-01-06rename media-breakpoint-{min,max} => media-breakpoint-{up,down}Chris Rebert1-1/+1
2014-12-24Automate breakpointsGleb Mazovetskiy1-52/+5
Breakpoints and container widths are now defined as maps.
2014-12-04tweak grid docs, add new tierMark Otto1-0/+9
2014-12-02convert to scssMark Otto1-0/+84
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-06 19:22:43 +0000