aboutsummaryrefslogtreecommitdiff
path: root/docs/layout/flexbox-grid.md
AgeCommit message (Collapse)AuthorFilesLines
2016-12-21Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)Mark Otto1-286/+0
* remove the $enable-flex variable option * remove bootstrap-flex.css dist file and it's grunt task * remove the separate flex css file for docs; it's all the same now * remove flexbox docs (porting some to the main grid docs in next commit) * clean up few grid docs bits to simplify copy, start to mention flexbox * port relevant flexbox-grid.md content to grid.md - clean up mixins - update how it works section - bring over sizing and alignment sections * remove the $enable-flex from the options.md page * update lead paragraph to mention flexbox * update migration to mention loss of ie9 support * remove mention of flexbox dist file * clarify IE support * making a note * remove flexbox variant mentions from component docs - updates docs for media object, navs, list group, and cards to consolidate docs - no more need to callout flexbox variants since it's now the default * remove $enable-flex if/else from sass files * remove flex dist files * update scss lint property order to account for flex properties * linting * change to numberless classes for autosizing, wrap in highlighting div * bump gruntfile and postcss to ie10 * redo intro sections * rearrange * phew, redo hella grid docs - rearrange all the things - consolidate some bits * remove reference to flexbox mode * more border action for demo * Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-11-27Rename `.col-xs` to `.col` + some other cleanup (#21222)Starsam801-28/+28
* Use `breakpoint-min` instead of a counter * Remove 'xs' from flexbox grid
2016-11-27Rename `.flex-xs-*` and `.flex-items-xs-*` to `.flex-*` and `.flex-items-*` ↵Starsam801-14/+14
(#21218) * Clean up _flex.scss a little This commit just cleans up the formating of _flex.scss by changing it so that it uses a single `@include media-breakpoint-up` instead of multiple. It also aligns all of the CSS properties so it looks a bit nicer. * Remove `-xs` from flex classes
2016-11-04Update docs to reflect new breakpoint naming conventionEric Nolte1-17/+17
2016-10-27rework flex grid autolayout docsMark Otto1-2/+10
Adds clearer headings to each section, reworks some copy to be more direct.
2016-10-27unrelated change; bold that stuff to emphasize itMark Otto1-2/+2
2016-10-27Merge branch 'auto-flex-col' of https://github.com/alanmoo/bootstrap into ↵Mark Otto1-0/+31
alanmoo-auto-flex-col
2016-10-27Fixes #20498: Warn about flexbox bugs in our flex grid docsMark Otto1-0/+1
2016-10-24Add documentation for col-{breakpoint}-autoAlan Mooiman1-0/+31
2016-10-03Fix broken/redirected links, moving to HTTPS where possible. (#20557)Bardi Harborow1-3/+3
2016-10-02v4: Social meta tags (#20825)Mark Otto1-0/+1
* descriptions for getting started pages * descriptions for layout * add content page descriptions * more descriptions, updates to some existing ones * correct site url * add social stuff to config for twitter cards * add twitter meta tags; use large image for homepage and regular card for all others * add the assets * more site config * more social shiz to partial, remove existing meta for the partial, remove page title from homepage for simpler if statements
2016-09-11Fixes #19466: Document the flexbox order utils (#20697)Mark Otto1-0/+22
2016-08-06Updated docs with extra auto resize exampleScott Gauthreaux1-1/+12
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.
2016-07-26Enable flexbox grid CSS on our docs pageMark Otto1-1/+1
- 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)
2016-02-06More grid updatesMark Otto1-12/+30
- 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
2016-02-06flip things around again, no more base class, try out some new stuff to keep ↵Mark Otto1-29/+39
responsive flex grid working
2016-02-06document horizontal flex utils, update the classes for the middle vertical onesMark Otto1-2/+53
2016-02-06Add vertical alignment docs for flexbox gridMark Otto1-0/+62
2016-02-06Add flexbox grid page to the docs (still more content to add)Mark Otto1-0/+71