Bootstrap fast easy CSS class helpers

• using it: use reference in your head somewhere

<link rel="stylesheet" type="text/css" href="//goo.gl/Vo43dA">

• how does it look like,, and work with inspector

• meaning of abbreviation

  • mt, mr, mb, ml == margin (top, right, bottom, left)
  • pt, pr, pb, pl == padding (top, right, bottom, left)

• Let's see what does inline classes do:

• Position manipulations ..

• Paddings and margins are predefined in this range:

  • 5, 10, 15, 20, 30, 40 and 50 px (positive)
  • 5, 10, 15, 20, 30, 40 and 50 -px (negative)
  • 5, 10, 15, 20, 30, 40 and 50 % (percentage)

• Another thing that you can use are this short classes positioning the objects:

  • rel => position relative
  • ab => position absolute
  • abtr => position absolute top right
  • abtl => position absolute top left
  • abbr => position absolute bottom right
  • abbl => position absolute bottom left

just take a look at the generated gif's and you'll get the idea :)

cheers, k