aboutsummaryrefslogtreecommitdiff
path: root/docs/layout
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2015-05-29 13:53:22 -0700
committerMark Otto <[email protected]>2015-05-29 13:53:22 -0700
commit163dd5296e9d6e4f91956b4afeb99ebc4693b4ad (patch)
tree95fb39dee80a477ee3499d3b4c431c8e3a6c304d /docs/layout
parent38c7813c7276a57ff0e89fc540f9c2bf12fa4bbc (diff)
downloadbootstrap-163dd5296e9d6e4f91956b4afeb99ebc4693b4ad.tar.xz
bootstrap-163dd5296e9d6e4f91956b4afeb99ebc4693b4ad.zip
move flexbox to getting started
Diffstat (limited to 'docs/layout')
-rw-r--r--docs/layout/flexbox.md50
1 files changed, 0 insertions, 50 deletions
diff --git a/docs/layout/flexbox.md b/docs/layout/flexbox.md
deleted file mode 100644
index 05a407706..000000000
--- a/docs/layout/flexbox.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-layout: page
-title: Flexbox
----
-
-Flexbox support has finally come to Bootstrap. Opt-in to the new CSS layout styles with the flick of a variable or the swap of a stylesheet.
-
-## Contents
-
-* Will be replaced with the ToC, excluding the "Contents" header
-{:toc}
-
-## What's included
-
-Flexbox support is available for a number of Bootstrap's components:
-
-- The entire grid system (mixins and predefined classes), which switch from `float`s to `display: flex;`.
-- Input groups, which move from `display: table;` to `display: flex;`.
-- The media component moves from `display: table;` and a number of hacky styles to a simple `display: flex;`.
-
-Vendor prefixes are provided in our compiled CSS with Autoprefixer via Grunt.
-
-## Why flexbox?
-
-In a nutshell, flexbix provides simpler and more flexible layout options in CSS. More specifically, it provides:
-
-- Easy vertical alignment of content within a parent element.
-- Easy reordering of content across devices and screen resolutions with the help of media queries.
-- Easy CSS-only equal height columns for your grid-based layouts.
-
-All these things are possible outside flexbox, but typically require extra hacks and workarounds to do right.
-
-## How it works
-
-If you're familiar with modifying variables in Sass—or any other CSS preprocessor—you'll be right at home to move into flexbox mode.
-
-1. Open the `_variables.scss` file and find the `$enable-flex` variable.
-2. Change it from `false` to `true`.
-3. Recompile, and done!
-
-Alternatively, if you don't need the source Sass files, you may swap the default Bootstrap compiled CSS with the compiled flexbox variation. [Head to the download page](/getting-started/download) for more information.
-
-## Browser support
-
-Enabling flexbox means **reduced browser and device support:**
-
-- Internet Explorer 9 and below do not support flexbox.
-- Internet Explorer 10 has a few known quirks.
-
-Please be extra conscious of your user base when enabling flexbox in your project.