Update bootstrap.

This commit is contained in:
Rico Sta. Cruz 2014-07-14 21:55:02 +08:00
parent 2b3f85e17a
commit 7820d4d545
1 changed files with 16 additions and 16 deletions

View File

@ -3,30 +3,30 @@ title: Bootstrap
layout: default
---
### Media queries
### Screen sizes
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min)
768 992 1200
' ' ' ' ' ' ' ' '
<---------^------------^------------------^--------->
xs sm md lg
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min)
Min:
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min)
@media (min-width: @screen-sm-min) /* small >= 768px tablet */
@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)
/* tablets < 992px */
@media (max-width: @screen-sm-max)
/* desktop < 1200px */
@media (max-width: @screen-md-max)
@media (max-width: @screen-xs-max) /* xsmall < 768px phone */
@media (max-width: @screen-sm-max) /* smalll < 992px tablet */
@media (max-width: @screen-md-max) /* medium < 1200px desktop */
### Columns
.container
.container-fluid
.col-xs-1
.col-sm-1
.col-md-1