| Age | Commit message (Collapse) | Author | Files | Lines |
|
Updated docs with extra auto resize example
|
|
|
|
I updated the doc with an example of a flex layout of 3 columns where the center column is specified as a `.col-xs-5` to show that other columns will resize no matter what the width of the center column.
Experienced bootstrap developers will expect to have to use an even number for the center column width when in reality any size will work.
I believe this is quite useful information and doesn't add too much to the docs.
Another option would be to make that initial example a `.col-xs-5` instead of a `.col-xs-6` to highlight this fact in the first place.
|
|
- Creates new flexbox grid Sass file in our docs assets
- Updates the Gruntfile to compile said new Sass file and minify the output
- Update notice on flexbox docs page for how it works
- Only enable compiled flexbox grid CSS in hosted docs site, not in dev (for easier and specific debugging of all flexbox features)
|
|
|
|
- More details on columns and gutters
- Break it into clear sections
|
|
Remove mention of base class and fix grid examples
|
|
|
|
- Restores two-mixin approach to generating semantic grid columns (now with 'make-col-ready' and 'make-col')
- Removes need for .col-xs-12 by restoring the mass list of all grid tier classes to set position, min-height, and padding
- Adds an initial 'width: 100%' to flexbox grid column prep (later overridden by the column sizing in 'flex' shorthand or 'width') to prevent flexbox columns from collapsing in lower viewports
|
|
The example for column ordering still referenced the old push/pull class names.
|
|
[ci skip]
|
|
|
|
endtag for the highlight
|
|
add the `@include media-breakpoint-only()` and `@include media-breakpoint-between` mixins
|
|
Fixup for fb4f5f0bf1e22f707bdd16880fe19328df091bde
[skip sauce]
|
|
|
|
|
|
|
|
- Flexbox responsive behavior fixed with specific .col-{breakpoint} classes now added
- Dropped the make-col mixin in favor of a column-basics placeholder that we can extend across our grid infrastructure
- Updated docs to use required .col-xs-12 (as a safeguard for when folks enable flexbox mode--this isn't necessary in default grid mode)
- Update flexbox grid docs to include responsive docs, tweak some other bits too
|
|
responsive flex grid working
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Docs Responsive breakpoints from em to px
|
|
Should close https://github.com/twbs/bootstrap/issues/18556
|
|
Should close https://github.com/twbs/bootstrap/issues/18503
|
|
|
|
These can be replaced by their `.text-xs-*` parallels.
This also avoids any complications from interactions between the responsive and non-responsive classes.
(e.g. `<div class="text-left text-md-right">`)
Refs #18300
[skip sauce]
|
|
Change grid and container sizes to px
|
|
|
|
Changes grid and container sizes to `px`, as the
viewport pixel size does not depend on the font size.
The actual em values were inconsistent with the docs,
while the docs were not the same as the comments:
* `sm` breakpoint was 34em (544px) not 480px.
* `lg` container max-width was 60rem (960px), less gutter than `md`.
Changed to 940px, same as Bootstrap 3.
* `xl` container max-width was 72.25rem which is 1140px not 1156px.
Changed to 1140px matching the comment but not the docs.
Addresses #17070 and #17388.
|
|
|
|
v4 - Force linebreaks after grid tier names in v4 grid docs
|
|
Fix anchors, fix naming consistency
|
|
.visible-xs(-block) => .hidden-sm-up
Fixes #17263.
[skip sauce]
|
|
I found non working anchors and some naming in consistency. I hope I fixed well. Have a nice day.
|
|
v4 - Rendered example bin in grid docs should use sass
|
|
|
|
Fix #17176
Sorry, I f'd up the rebase in #17186
|
|
v4 - Add pixel values for the rem breakpoints and column sizes
|
|
Fix #17177
Simplest example is using horizontal variants using rows.
|
|
|
|
Mostly links.
Fixes #17056.
|
|
Fix: #17145
|
|
Fix #17129
|
|
|