container-header

Generic classes

container-breadcrumb
  1. Home
  2. Generic classes
  3. @@sub-section
Settings
Fixed sidebar
Fixed footer
Fixed top navbar
Collapse sidebar
Boxed
Background
Default
Dark
Light
Themes
Default
White Light
Blue Navy
Blue Sky
Lime Lemon
Star Dust
Green Tea
Orange Round
Yellow Sun
Deep Purple
Yummy Chocolate
Dark Night
Soft Green
Wheel Red
Margin
Example: <div class="l-mar-30">Margin</div>
Margin Left 30

No Margin

CSS Classes: .no-l-mar, .no-r-mar, .no-mar, .no-h-maror .no-v-mar

Left Margin

CSS Classes: .l-mar-5, .l-mar-10, .l-mar-15, .l-mar-20, .l-mar-25or .l-mar-30

Right Margin

CSS Classes: .r-mar-5, .r-mar-10, .r-mar-15, .r-mar-20, .r-mar-25or .r-mar-30

Horizontal Margin

CSS Classes: .mar-h-5, .mar-h-10, .mar-h-15, .mar-h-20, .mar-h-25or .mar-h-30

Vertical Margin

CSS Classes: .mar-v-5, .mar-v-10, .mar-v-15, .mar-v-20, .mar-v-25or .mar-v-30

Full Margin

CSS Classes: .mar-5, .mar-10, .mar-15, .mar-20, .mar-25or .mar-30
Padding
Example: <div class="l-pad-30">Padding</div>
Padding Left 30

No Padding

CSS Classes: .no-l-pad, .no-r-pad, .no-pad, .no-h-pador .no-v-pad

Left Padding

CSS Classes: .l-pad-5, .l-pad-10, .l-pad-15, .l-pad-20, .l-pad-25or .l-pad-30

Right Padding

CSS Classes: .r-pad-5, .r-pad-10, .r-pad-15, .r-pad-20, .r-pad-25or .r-pad-30

Horizontal Padding

CSS Classes: .pad-h-5, .pad-h-10, .pad-h-15, .pad-h-20, .pad-h-25or .pad-h-30

Vertical Padding

CSS Classes: .pad-v-5, .pad-v-10, .pad-v-15, .pad-v-20, .pad-v-25or .pad-v-30

Full Padding

CSS Classes: .pad-5, .pad-10, .pad-15, .pad-20, .pad-25or .pad-30
Font sizes
Example: <div class="fs-20">Font size</div>
Font size 20px
CSS Classes: .fs-8, .fs-9, .fs-10, .fs-11, .fs-12, .fs-13, .fs-14, .fs-15, .fs-16, .fs-17, .fs-18, .fs-19, .fs-20, .fs-22, .fs-24, .fs-26, .fs-28, .fs-30or .fs-32
Opacity
Example: <div class="opacity-50">Opacity</div>
Opacity 50%
CSS Classes: .opacity-25, .opacity-50or .opacity-75
Height
Example: <div class="h30">Height</div>
30px Height
CSS Classes: .h10, .h12, .h15, .h20, .h24, .h25, .h30, .h35, .h36, .h40, .h48, .h50, .h55, .h56or .h60
Overflow
Example: <div class="o-scroll">Overflow</div>
Overflow scroll
CSS Classes: .o-hidden, .o-visible, .o-auto, .o-inheritor .o-scroll
Width pixels
Example: <div class="w200">Width</div>
200px Width
CSS Classes: .w25, .w50, .w100, .w150, .w200, .w250, .w300, .w350or .w400
Float
Example: <div class="pull-right">Float</div>

CSS Classes: .pull-rightor .pull-left
Pull Right
Position
Example: <div class="p-fixed">Position</div>

CSS Classes: .p-absolute, .p-fixed, .p-inherit, .p-relative, .p-staticor .p-sticky
Width percent
Example: <div class="wp25">Width</div>
25% Width
CSS Classes: .wp25, .wp50, .wp75or .wp100
Font Awesome icons
.fac-*: Content icon after
Example: <div class="fac-glass">Font Awesome icons</div>
.facb-*: Content icon before
Example: <div class="facb-glass">Font Awesome icons</div>
Visibility
Example: <div class="v-visible">Visibility</div>
Visibility visible
CSS Classes: .v-hidden, .v-collapse, .v-inheritor .v-visible
Background Color
Example: <div class="bg-info">Background color</div>
Info background
For more information of background colors go to Colors Section
Font Style
Example: <div class="italic">Font Style</div>
Italic font style
For more information of font styles go to Typography Section
Font Weight
Example: <div class=".bold">Font Weight</div>
Bold font
For more information of font weights go to Typography Section
Text Transforms
Example: <div class="uppercase">Text transforms</div>
Uppercase text transform
For more information of text transforms go to Typography Section
Text Color
Example: <div class="color-danger">Text Color</div>
Danger color text
For more information of text colors go to Typography Section
Text Align
Example: <div class="to-right">Text Align</div>
Right text align
For more information of colors go to Typography Section