There are several shortcodes available in this theme that we will document below. When we describe how to use them, we will use the following terms (lets use the above example for reference).

tag name – button It will always follow the opening bracket.
attribute – type=”primary” There can be multiple attributes in a shortcode (separated by spaces). Each consists of 3 parts, the name (style), the equals sign, and the value which is contained in double quotes (“primary”). When referring to the attribute in this example, we may say “the ‘type’ attribute has a value of ‘primary'”.
content – Button Text This is the content that is between the opening and closing tags.

Columns

The theme is built with 12 column grid system. You can create layouts based on this grid by using the row and col shortcodes. Here is an example below:

Tabs

Tabs are nice way to display a lot of information in a small amount of space. Please see the source for this page to see some examples.

Top Tabs

Tooltips

This a sentence with a tooltip.

This is another sentence, but the tooltip is an icon .

Popovers

This a sentence with a popover.

This is a popover triggered by an icon

Alerts

Accordion

• Accordion Heading 1

  You see? It’s curious. Ted did figure it out – time travel. And when we get back, we gonna tell everyone. How it’s possible, how it’s done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an ‘unknown entry event’? Why don’t they know? If they don’t know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.

• Accordion Heading 2

  Now that we know who you are, I know who I am. I’m not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain’s going to be? He’s the exact opposite of the hero. And most times they’re friends, like you and me! I should’ve known way back when… You know why, David? Because of the kids. They called me Mr Glass.

• Accordion Heading 3

  Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That’s Cesar’s world, and if you’re not willing to play by his rules, then you’re gonna have to pay the price

Buttons

There are several “type” options for buttons:

primary info warning success danger

You can also use the “size” attribute:

mini small default large

Even a full width button:

class=”btn-block”

Make it a link by adding an “href” attribute:

Go to Google