en en en en en es es en en en en en en en en en en en fr ko en en en en en en en ko tr ja en en en en en en en en en en en en en en en en en en en en hi la la la la en en en en la en la en la en en ca nb en en de en en en la la it en en en en en en en en en en en en en en en en en en en en en en en en fr en en en en en en en en en en en en en en en en en fr en en en en en en en en en en en en
Since many people have been raving about all the great styles and components in Bootstrap, I decided to create a slew of shortcodes to make it easier for users to add some of the them to their site.
Check out the examples below to see them in action:
This is the default alert box
This is the danger alert box
Success! This is the success alert box
This is the information alert box
This is a simple jumbotron, very similar to a sticky posts on the home page.
[jumbotron]  Unit Title   This is a simple jumbotron unit, very similar to a sticky posts on the home page.  [/jumbotron]
Note: In order for the circular image to work properly, your original image should be square. Otherwise, it will look like an oval.
Heads up! The rounded and circular image shortcode will not display correctly in IE7-8 due to the lack of border-radius support.
Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.
Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit. Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum.
[columns size="2" gap="20px"]Your text[/columns]
Heads up! The columns shortcode will not display correctly in IE due to the lack of support.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
[carousel slide="slide"] [carousel_image active="active" title="First Thumbnail label" caption="Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit."]http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg[/carousel_image] [carousel_image title="Second Thumbnail label" caption="Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit."]http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg[/carousel_image] [carousel_image title="Third Thumbnail label" caption="Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit."]http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg[/carousel_image] [/carousel]
Note: If you’re not a fan of the slide effect in the carousel, just remove the slide="slide" parameter from the carousel shortcode.
Hover over me   Left Tooltip   Right Tooltip   Bottom Tooltip
[tooltip tip="This is a tooltip" placement="left"]Your text[/tooltip]
Note: Placement options are top, bottom, left and right. The default is top.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Donec id elit non mi porta gravida at eget metus.
Nulla vitae elit libero, a pharetra augue.
[tabs] [tabs_nav] [tabs_nav_item active="active" id="first"]First Tab[/tabs_nav_item] [tabs_nav_item id="second"]Second Tab[/tabs_nav_item] [tabs_nav_item id="third"]Third Tab[/tabs_nav_item] [/tabs_nav] [tabs_content] [tabs_content_item active="active" id="first"]Integer posuere erat a ante venenatis dapibus posuere velit aliquet.[/tabs_content_item] [tabs_content_item id="second"]Donec id elit non mi porta gravida at eget metus.[/tabs_content_item] [tabs_content_item id="third"]Nulla vitae elit libero, a pharetra augue.[/tabs_content_item] [/tabs_content] [/tabs]
This is a slider item
What a great image
One more for the slider
Mr WordPress on Hello world!
c.bavota on Component Styles
Anonymous on Component Styles
c.bavota on Component Styles
National comes with a extended widgetized footer. You can select the number of columns you want to appear in this area and fill it up with any custom widget you have installed.
This is a slider item
What a great image
One more for the slider
Mr WordPress on Hello world!
c.bavota on Component Styles
Anonymous on Component Styles
c.bavota on Component Styles
This is a custom copyright notice. Copyright © 2014. All Rights Reserved.
The National Theme by bavotasan.com.
Select a theme: ArcadeArturoCarton ProDestinElemental PortfolioFarbenFotografGridiculous ProMagazine BasicMagazine FlowMagazine PremiumMatheson ProModernoNationalSnowblind ProStationeryTangoTiendaTonic ProWard Pro