Shortcodes

Buttons

[button url="http://www.yourwebsite.com" text="My Button Text" color="default"]

Colours:

  • primary
  • success
  • info
  • warning
  • danger

Button Button Button Button Button

Alerts

[alert type="info" close="true"]My text here[/alert]

Types:

  • info
  • success
  • warning
  • danger

This is my informational alert.

This is my successful alert.

This is my warning alert.

This is my error alert.

Labels

[label type="primary"]My label text#91;/label]

Types:

  • default
  • primary
  • info
  • success
  • warning
  • danger

Default label Primary label Info label Success label Warning label Danger label

Divider

[divider]


Toggle

[toggle title="Click to open"]My toggle text[/toggle]

Proin fringilla sem eu nunc dictum, sed mollis lorem vehicula. Aenean ut feugiat enim, eu tristique nibh. Quisque vitae molestie leo, condimentum tempus purus. Maecenas pulvinar, felis quis lobortis porttitor, lectus metus tristique velit, nec auctor lorem mi eget ipsum. Donec feugiat quam mi, eu convallis ipsum faucibus vel. Maecenas quis dapibus massa. Nullam fringilla augue sit amet sapien aliquam sagittis. Vivamus vulputate urna libero, sit amet elementum orci gravida vel.

Aliquam ut lorem condimentum mi suscipit auctor non sed ante. Pellentesque lacinia metus fermentum, varius arcu sed, mollis dui. Donec dignissim nunc id ultricies feugiat. Curabitur adipiscing diam in erat vulputate, euismod aliquam lectus tempus. Morbi facilisis rutrum lacus auctor interdum. Morbi laoreet in justo vitae molestie. Suspendisse lorem ipsum, blandit dapibus eros et, tempor rhoncus nisi. Vestibulum iaculis mollis enim, vitae venenatis ante iaculis ac. Integer laoreet nec erat at elementum. Curabitur feugiat non est eu mattis. Nulla facilisi. Sed a luctus elit.

Proin fringilla sem eu nunc dictum, sed mollis lorem vehicula. Aenean ut feugiat enim, eu tristique nibh. Quisque vitae molestie leo, condimentum tempus purus. Maecenas pulvinar, felis quis lobortis porttitor, lectus metus tristique velit, nec auctor lorem mi eget ipsum. Donec feugiat quam mi, eu convallis ipsum faucibus vel. Maecenas quis dapibus massa. Nullam fringilla augue sit amet sapien aliquam sagittis. Vivamus vulputate urna libero, sit amet elementum orci gravida vel.

Aliquam ut lorem condimentum mi suscipit auctor non sed ante. Pellentesque lacinia metus fermentum, varius arcu sed, mollis dui. Donec dignissim nunc id ultricies feugiat. Curabitur adipiscing diam in erat vulputate, euismod aliquam lectus tempus. Morbi facilisis rutrum lacus auctor interdum. Morbi laoreet in justo vitae molestie. Suspendisse lorem ipsum, blandit dapibus eros et, tempor rhoncus nisi. Vestibulum iaculis mollis enim, vitae venenatis ante iaculis ac. Integer laoreet nec erat at elementum. Curabitur feugiat non est eu mattis. Nulla facilisi. Sed a luctus elit.