49 lines
1.1 KiB
Markdown
49 lines
1.1 KiB
Markdown
---
|
|
title: Bootstrap
|
|
layout: default
|
|
---
|
|
|
|
### Screen sizes
|
|
|
|
768 992 1200
|
|
' ' ' ' ' ' ' ' '
|
|
<---------^------------^------------------^--------->
|
|
xs sm md lg
|
|
(phone) (tablet) (laptop) (desktop)
|
|
|
|
Min:
|
|
|
|
@media (min-width: @screen-sm-min) { /* >= 768px (small tablet) */
|
|
@media (min-width: @screen-md-min) { /* >= 992px (medium laptop) */
|
|
@media (min-width: @screen-lg-min) { /* >= 1200px (large desktop) */
|
|
|
|
Max:
|
|
|
|
@media (max-width: @screen-xs-max) { /* < 768px (xsmall phone) */
|
|
@media (max-width: @screen-sm-max) { /* < 992px (small tablet) */
|
|
@media (max-width: @screen-md-max) { /* < 1200px (medium laptop) */
|
|
|
|
### Columns
|
|
|
|
.container
|
|
.container-fluid
|
|
|
|
.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
|
|
|
|
.hidden-{xs,sm,md,lg}
|
|
.visible-{xs,sm,md,lg}
|
|
.visible-{xs,sm,md,lg,print}-{block,inline,inline-block}
|