We have included all (well not all but most) of the twitter bootstrap goodness as WordPress short-codes. Below are some simple examples, although for further documentation please refer to the git hub project https://github.com/filipstefansson/bootstrap-shortcodes. Credits to filipstefansson for all his hardwork!


Usage

You use the shortcodes just like you would with any other shortcode, with the exception of tables, accordion and the tabs.

Buttons

[button type="btn" size="medium" link="#"] My Button [/button]
My Button

[button type="primary" size="medium" link="#"] My Button [/button]
My Button

[button type="secondary" size="medium" link="#"] My Button [/button]
My Button

Alerts

Success!

Best check yo self, you’re not…

Warning!

Best check yo self, you’re not…

Error!

Best check yo self, you’re not…


Labels

[label type="Default"] Default label [/label]
Default label
[label type="success"] Success label [/label]
Success label
[label type="Warning"] Warning label [/label]
Warning label
[label type="Important"] Important label [/label]
Important label
[label type="Info"] Info label [/label]
Info label

Badges

[badge type="Default"] Default Badge [/badge]
Default Badge
[badge type="success"] Success Badge [/badge]
Success Badge
[badge type="Warning"] Warning Badge [/badge]
Warning Badge
[badge type="Important"] Important Badge [/badge]
Important Badge
[badge type="Info"] Info Badge [/badge]
Info Badge


Wells

[well] This is a simple well unit, a simple jumbotron-style component for calling extra attention to featured content or information. [/well]

This is a simple well unit, a simple jumbotron-style component for calling extra attention to featured content or information.


Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna. Sed dapibus faucibus faucibus. Aenean eget malesuada est. Praesent in felis bibendum, euismod sem ut, interdum sapien. Sed posuere congue odio nec semper. Cras euismod sem eu condimentum placerat. Pellentesque in felis nec tellus tincidunt suscipit id eget orci. Sed id placerat ante. Etiam feugiat lobortis molestie. Vestibulum vitae semper augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna. Sed dapibus faucibus faucibus. Aenean eget malesuada est. Praesent in felis bibendum, euismod sem ut, interdum sapien. Sed posuere congue odio nec semper. Cras euismod sem eu condimentum placerat. Pellentesque in felis nec tellus tincidunt suscipit id eget orci. Sed id placerat ante. Etiam feugiat lobortis molestie. Vestibulum vitae semper augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.

Tabs


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod faucibus ipsum. Nullam iaculis ornare est ut ultricies. Fusce ultricies urna vel ultrices adipiscing. Aenean ornare volutpat dui vel lacinia. Praesent faucibus libero a nisi accumsan, sit amet lacinia mi placerat. Duis eu ipsum eu nunc consequat accumsan non ut magna.

Praesent porttitor libero dolor, vitae ultrices magna lobortis a. Nam ultricies pretium placerat. Vivamus ac nunc consequat, malesuada ligula a, scelerisque odio. Mauris ultricies neque non dui sodales lobortis. Nulla nec metus diam. Sed arcu urna, porta ut nisl non, auctor adipiscing tortor. Quisque mollis placerat velit cursus bibendum. Nullam scelerisque blandit felis eu elementum. In ac dictum enim, rutrum ullamcorper dolor. Duis eu blandit nisi.

Aliquam mollis sem ac mauris feugiat, vehicula hendrerit magna vulputate. Quisque auctor nulla ut diam volutpat condimentum. In facilisis mauris a libero tincidunt, in venenatis mi tempus. Duis a interdum orci. Donec pellentesque odio eget neque aliquam aliquam. Etiam augue metus, faucibus vel nisl quis, malesuada hendrerit quam. Curabitur nec massa at mauris placerat pulvinar sed sed erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ut ultrices nisl. Nam et lobortis ligula. Sed ultrices nulla eget est blandit pretium.