cheatsheets/bootstrap.md

44 lines
753 B
Markdown

---
title: Bootstrap
layout: 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
.make-xs-column(12)
.make-sm-column(6)
.make-md-column(3)
.make-lg-column(3)
### Utilities
.pull-left
.pull-right