style-guide

Inspect the source and consult Bootstrap docs!


Grid System


Collapse to two columns on mobile

1/4
2/4
3/4
4/4

Row no gutters

1/4
2/4
3/4
4/4

Container no padding; row no gutters

1/4
2/4
3/4
4/4

Fluid container, no padding; row no gutters

1/4
2/4
3/4
4/4

Typography

All standard typographical elements must follow these rules.


A True H1

An H1 Look-alike

A True H2

An H2 Look-alike

A True H3

An H3 Look-alike

A True H4

An H4 Look-alike
A True H5
An H5 Look-alike
A True H6
An H6 Look-alike

Strong Importance

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo blanditiis numquam maxime aperiam, quas reprehenderit provident. Nostrum velit numquam officia! Explicabo blanditiis numquam maxime aperiam.

Stress Emphasis

Ipsum dolor sit amet consectetur adipisicing elit. Dolor, voluptates dolores! Sapiente in magnam repudiandae, rem consequuntur temporibus, quas ullam sunt odio quae, ratione adipisci corrupti? Magni iure nemo ipsa.

Bold Text

  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, dolorem.
  • Esse sit minus dolorum nisi inventore debitis similique nostrum commodi?
  • Totam inventore praesentium unde dolor voluptatibus vitae neque quis ut!

Italic Text

  1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, quam.
  2. Laborum eligendi similique consequatur nemo, est sequi rerum suscipit?
  3. Vero quasi, debitis nulla iure saepe eligendi? Illo, cum doloremque!

Buttons


 

Icons

{% include 'icon', which: 'x', size: 'sm' %}


xs
sm
md
lg
xl
xxl
xxxl


x

close

menu

search

account

cart

arrow-up

arrow-down

arrow-left

arrow-right

phone

email

clock

grid

list

share

facebook

twitter

instagram

youtube

pinterest

googleplus

tumblr

Product Cards

Product cards are snippets that are meant to be used in a grid.


Crème du Nil

Crème du Nil

$ 0.00
Crème du Nil

Crème du Nil

$ 0.00$ 18.00
Add to Cart

Bootstrap Tooltip