Please select a template from top right dropdown box, to see some examples!
Also refer to documentation for more info!
-
Use
.row and .col-sm-* to have multiple columns inside a row which will be stacked on top of each other in small devices.
If you add .sm-border class to .row, there will be a border separating stacked columns on small devices.
You can also use a single .col class for less padding.
.row element can have .padding-* class for different content padding values.
If you use this, the paddings will be fixed and won't be changed on smaller screens:
<div class="row padding-12"></div>
Use .margin-* class on .row to specify spacing between its columns.
-
Use
.clearfix and .pull-left or .pull-right classes to have a table with multiple rows and columns which won't be stacked.
-
Use
.navbar class for a navbar which has 100% width.
-
Use
.space-*, .break-* and .hr-* classes for spacing or horizontal lines.
For example .break-12 adds a 12px space with body background color
and .space-12 adds a 12px space with content background color.
For .hr-* you can also add the optional
.padding-* to add padding from sides.
-
For each of the above classes (.row, .clearfix, .navbar, .space-*, .hr-*) you can use inline styles to override background color:
<div class="space-12" style="background-color: #FF0000;"></div>
-
Add
.pull-left, .pull-right class to img elements
to make them automatically float to right or left on small devices.
-
You can use some classes to style your email. The following classes can be used:
-
Alerts, such as
.alert-info, etc ...
-
Background classes such as
.bg-primary, etc ...
-
Wells, such as
.well, .well-sm
-
Text colors and styles such as
.blue .red
.text-info
.bigger-110, etc ...
-
Button & label classes such as
.btn-info, .btn-sm, .btn-white, .no-border, .label-success, etc ...
-
Alignment classes such as
.text-right, .align-middle, etc ...
-
List classes such as
.list-unstyled, .spaced, etc ...
-
And different classes or inline styles such as
font-size,
line-height, text-decoration list-style-type, etc ...