Show Menu

Bootstrap3-SASS-Mixins Cheat Sheet by

Available sass mixins in Bootstrap 3
bootstrap     sass     mixins

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)

Download the Bootstrap3-SASS-Mixins Cheat Sheet

1 Page
//media.cheatography.com/storage/thumb/lukas238_bootstrap3-sass-mixins.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

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

          Bourbon Neat Cheat Sheet
          Sass Functions Cheat Sheet

          More Cheat Sheets by Lukas238

          LimeSurvery Cheat Sheet