Update bootstrap.
This commit is contained in:
parent
2b3f85e17a
commit
7820d4d545
32
bootstrap.md
32
bootstrap.md
|
@ -3,30 +3,30 @@ title: Bootstrap
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
### Media queries
|
### Screen sizes
|
||||||
|
|
||||||
/* Small devices (tablets, 768px and up) */
|
768 992 1200
|
||||||
@media (min-width: @screen-sm-min)
|
' ' ' ' ' ' ' ' '
|
||||||
|
<---------^------------^------------------^--------->
|
||||||
|
xs sm md lg
|
||||||
|
|
||||||
/* Medium devices (desktops, 992px and up) */
|
Min:
|
||||||
@media (min-width: @screen-md-min)
|
|
||||||
|
|
||||||
/* Large devices (large desktops, 1200px and up) */
|
@media (min-width: @screen-sm-min) /* small >= 768px tablet */
|
||||||
@media (min-width: @screen-lg-min)
|
@media (min-width: @screen-md-min) /* medium >= 992px desktop */
|
||||||
|
@media (min-width: @screen-lg-min) /* large >= 1200px big desktop */
|
||||||
|
|
||||||
### Max
|
Max:
|
||||||
|
|
||||||
/* mobile < 768px */
|
@media (max-width: @screen-xs-max) /* xsmall < 768px phone */
|
||||||
@media (max-width: @screen-xs-max)
|
@media (max-width: @screen-sm-max) /* smalll < 992px tablet */
|
||||||
|
@media (max-width: @screen-md-max) /* medium < 1200px desktop */
|
||||||
/* tablets < 992px */
|
|
||||||
@media (max-width: @screen-sm-max)
|
|
||||||
|
|
||||||
/* desktop < 1200px */
|
|
||||||
@media (max-width: @screen-md-max)
|
|
||||||
|
|
||||||
### Columns
|
### Columns
|
||||||
|
|
||||||
|
.container
|
||||||
|
.container-fluid
|
||||||
|
|
||||||
.col-xs-1
|
.col-xs-1
|
||||||
.col-sm-1
|
.col-sm-1
|
||||||
.col-md-1
|
.col-md-1
|
||||||
|
|
Loading…
Reference in New Issue