An overview of Bootstrap, including how to download and use it, some basic templates and examples, and more.
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.
Flexbox support is available for a number of Bootstrap’s components:
display: table;and a number of hacky styles to a simple
Vendor prefixes are provided in our compiled CSS with Autoprefixer via Grunt.
In a nutshell, flexbox provides simpler and more flexible layout options in CSS. More specifically, it provides:
All these things are possible outside flexbox, but typically require extra hacks and workarounds to do right.
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.
_variables.scssfile and find the
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 for more information.
Enabling flexbox means reduced browser and device support:
Please be extra conscious of your user base when enabling flexbox in your project. Visit Can I use… for details on browser support of flexbox.