0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Commit Graph

27 Commits

Author SHA1 Message Date
Mark Otto
d94148bf50
Responsive containers (follow-up to #29095) (#29118)
* 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-05 12:12:16 -07:00
Martijn Cuppens
f4e297c878 Haha, floats. It's 2019 (#29147) 2019-07-27 09:30:39 +03:00
Martijn Cuppens
c3ea8db2f6 Extend .container-fluid (#29106) 2019-07-23 09:50:24 +03:00
Mark Otto
634344c003
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
Mark Otto
a80198db4d De-dupe width on .fluid-container (#23402)
Fixes #23397
2017-08-14 18:11:44 -07:00
Catalin Zalog
094b3a1293 css: .container-fluid 100%
Force .container-fluid to be 100% width no matter if the parent is flex, or not.

Pen: http://codepen.io/zalog/pen/yMwyGr
2017-04-03 08:59:33 -07:00
Starsam80
08e36a3cc9 Rename .col-xs to .col + some other cleanup (#21222)
* Use `breakpoint-min` instead of a counter

* Remove 'xs' from flexbox grid
2016-11-27 22:47:00 -08:00
Mark Otto
ec5e7e5e5a Add .no-gutters option to remove gutters from rows (#21211)
Fixes #19107.
2016-11-26 12:13:15 -08:00
Mark Otto
15018a6d8a Ugh, Sass doesn't do extends across media, so we can't use placeholder here 2016-02-06 11:48:28 -08:00
Mark Otto
414997baa8 flip things around again, no more base class, try out some new stuff to keep responsive flex grid working 2016-02-06 10:51:59 -08:00
Mark Otto
f50dedaaaf Move grid flex classes to utils instead maybe? 2016-02-06 00:52:53 -08:00
Mark Otto
5a9538d4c7 Revamp grid classes to require .col base class and improve flexbox grid classes with auto layout via flex: 1 2016-02-06 00:45:29 -08:00
Bass Jobsen
ddb652b8d5 .container, .container-fluid should be conditional upon $enable-grid-classes
see: https://github.com/twbs/bootstrap/issues/17586
2015-12-27 00:14:01 +01:00
Mark Otto
368eda788d Merge pull request #17749 from Prelc/patch-1
Remove empty line from _grid.scss
2015-10-27 08:49:04 -07:00
Chris Rebert
f730162072 Stop hardcoding grid tiers in flexbox alignment & ordering classes; fixes #18026
[skip sauce]
[skip validator]
2015-10-23 12:09:00 -07:00
Marko Prelec
12c53ff609 Update _grid.scss
Removed empty row.
2015-10-01 14:33:10 +02:00
Mark Otto
a748e251fd Merge pull request #17259 from twbs/v4gc
v4: Conditional predefined grid classes
2015-09-01 20:16:22 -07:00
O'meid
c42d0e10f4 scss: semantic grid: add make-container-breakpoint
Signed-off-by: O'meid <public@omeid.me>
2015-08-28 00:48:06 +10:00
Mark Otto
7633d4c603 Make predefined grid classes conditional
- Add explicit -grid-classes variable and set to true by default
- Wrap .row and .col generation in the boolean var
2015-08-23 22:13:58 -07:00
Mark Otto
c3373df95f clean out comments that aren't all that helpful 2015-08-17 18:33:34 -07:00
Mark Otto
663576a7ae Merge branch 'v4' of https://github.com/twbs/derpstrap into v4
Conflicts:
	dist/css/bootstrap.css
	dist/css/bootstrap.css.map
	docs/assets/css/docs.min.css
2015-05-27 15:49:55 -07:00
Mark Otto
d9d351e2fe more flex grid stuff 2015-04-27 14:11:07 -07:00
Mark Otto
9d4d6ef3a2 stub out flexbox grid variation via -flex 2015-04-27 01:43:14 -07:00
Chris Rebert
746e09f8ae rename media-breakpoint-{min,max} => media-breakpoint-{up,down} 2015-01-06 17:47:13 -08:00
Gleb Mazovetskiy
93f51eb0e9 Automate breakpoints
Breakpoints and container widths are now defined as maps.
2014-12-24 22:27:11 +02:00
Mark Otto
a1a3a007b6 tweak grid docs, add new tier 2014-12-04 21:02:04 -08:00
Mark Otto
27df020852 convert to scss 2014-12-02 14:02:35 -08:00