Skip to content

Latest commit

 

History

History
47 lines (27 loc) · 1.21 KB

README.md

File metadata and controls

47 lines (27 loc) · 1.21 KB

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

explanation

  • 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:

explanation

  • Position manipulations ..

explanation

  • 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