Skip to content

Latest commit

 

History

History
43 lines (31 loc) · 994 Bytes

bootstrap.md

File metadata and controls

43 lines (31 loc) · 994 Bytes
title layout
Bootstrap
default

Screen sizes

         768          992                1200
'     '     '     '     '     '     '     '     '
<---------^------------^------------------^--------->
        xs      sm              md             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:

@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
.col-lg-1

.make-xs-column(12)
.make-sm-column(6)
.make-md-column(3)
.make-lg-column(3)

Utilities

.pull-left
.pull-right