cheatsheets/bootstrap.md

612 B

title layout
Bootstrap default

Media queries

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min)

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min)

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min)

Max

/* mobile < 768px  */
@media (max-width: @screen-xs-max)

/* tablets < 992px */
@media (max-width: @screen-sm-max)

/* desktop < 1200px */
@media (max-width: @screen-md-max)

Columns

.col-xs-1
.col-sm-1
.col-md-1
.col-lg-1