Elements

List Styles

There is also a class called no-indent that can be added to any list to take away the indentation.

Default Unordered

  • List item
  • List item
  • List item
  • List item
  • List item

.no-dot

  • List item
  • List item
  • List item
  • List item
  • List item

.check

  • List item
  • List item
  • List item
  • List item
  • List item

.color-li

  • List item
  • List item
  • List item
  • List item
  • List item

.square-li

  • List item
  • List item
  • List item
  • List item
  • List item

.tri-li

  • List item
  • List item
  • List item
  • List item
  • List item

Default Ordered

  1. List item
  2. List item
  3. List item
  4. List item
  5. List item

Standard Columned Table

To use this styling, apply the class responsive-table to your element(s).

Statement Summary
Account Due Date Amount Period
Visa – 3412 04/01/2016 $1,190 03/01/2016 – 03/31/2016
Visa – 6076 03/01/2016 $2,443 02/01/2016 – 02/29/2016
Corporate AMEX 03/01/2016 $1,181 02/01/2016 – 02/29/2016
Visa – 3412 02/01/2016 $842 01/01/2016 – 01/31/2016

Equalize Element Heights

Turn on Include matchHeight.js in Wireframe Settings, in order to equalize the heights of elements with class matchheight.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.

Contact Us

  • This field is for validation purposes and should be left unchanged.