Show Menu
Cheatography

Bootstrap3-SASS-Mixins Cheat Sheet by

Available sass mixins in Bootstrap 3

Grid Mixins

contai­ner­-fi­xed­($g­utter: $grid-­gut­ter­-width)
make-r­ow(­$gu­tter: $grid-­gut­ter­-width)
make-x­s-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-x­s-c­olu­mn-­off­set­($c­olumns)
make-x­s-c­olu­mn-­pus­h($­col­umns)
make-x­s-c­olu­mn-­pul­l($­col­umns)
make-s­m-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-s­m-c­olu­mn-­off­set­($c­olumns)
make-s­m-c­olu­mn-­pus­h($­col­umns)
make-s­m-c­olu­mn-­pul­l($­col­umns)
make-m­d-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-m­d-c­olu­mn-­off­set­($c­olumns)
make-m­d-c­olu­mn-­pus­h($­col­umns)
make-m­d-c­olu­mn-­pul­l($­col­umns)
make-l­g-c­olu­mn(­$co­lumns, $gutter: $grid-­gut­ter­-width)
make-l­g-c­olu­mn-­off­set­($c­olumns)
make-l­g-c­olu­mn-­pus­h($­col­umns)
make-l­g-c­olu­mn-­pul­l($­col­umns)
 

Buttons

button­-va­ria­nt(­$color, $backg­round, $border)
button­-si­ze(­$pa­ddi­ng-­ver­tical, $paddi­ng-­hor­izo­ntal, $font-­size, $line-­height, $borde­r-r­adius)
 

Misc

clearfix()
img-re­spo­nsi­ve(­$di­splay: block)
       

Help Us Go Positive!

We offset our carbon usage with Ecologi. Click the link below to help us!

We offset our carbon footprint via Ecologi
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

            Bootstrap Glyphicons Cheat Sheet by James Croft

          More Cheat Sheets by Lukas238

          LimeSurvery Cheat Sheet