[h4]Buttons[/h4]

[table type=”table-bordered table-striped”]
[table-head]
[tr]
[th]Button[/th][th]Shortcode[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td][button size=”normal” type=”primary” value=”Primary” href=”#”][/td][td][code][button size=”normal” type=”primary” value=”Primary” href=”#”][/code][/td]
[/tr]
[tr]
[td][button size=”normal” type=”default” value=”Default” href=”#”][/td][td][code][button size=”normal” type=”default” value=”Default” href=”#”][/code][/td]
[/tr]
[tr]
[td][button size=”normal” type=”info” value=”Info” href=”#”][/td][td][code][button size=”normal” type=”info” value=”Info” href=”#”][/code][/td]
[/tr]

[tr]
[td][button size=”normal” type=”success” value=”Success” href=”#”][/td][td][code][button size=”normal” type=”success” value=”Success” href=”#”][/code][/td]
[/tr]

[tr]
[td][button size=”normal” type=”warning” value=”Warning” href=”#”][/td][td][code][button size=”normal” type=”warning” value=”Warning” href=”#”][/code][/td]
[/tr]

[tr]
[td][button size=”normal” type=”danger” value=”Danger” href=”#”][/td][td][code][button size=”normal” type=”danger” value=”Danger” href=”#”][/code][/td]
[/tr]

[tr]
[td][button size=”normal” type=”inverse” value=”Inverse” href=”#”][/td][td][code][button size=”normal” type=”inverse” value=”Inverse” href=”#”][/code][/td]
[/tr]

[tr]
[td][button size=”normal” type=”link” value=”Link” href=”#”][/td][td][code][button size=”normal” type=”link” value=”Link” href=”#”][/code][/td]
[/tr]
[/table-body]
[/table]

[h4]Button Size[/h4]

[table type=”table-bordered table-striped”]
[table-head]
[tr]
[th]Button[/th][th]Shortcode[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td][button size=”large” type=”primary” value=”Large Button” href=”#”][/td][td][code][button size=”large” type=”primary” value=”Large Button” href=”#”][/code][/td]
[/tr]
[tr]
[td][button size=”normal” type=”primary” value=”Default Button” href=”#”][/td][td][code][button size=”normal” type=”primary” value=”Default Button” href=”#”][/code][/td]
[/tr]
[tr]
[td][button size=”small” type=”primary” value=”Small Button” href=”#”][/td][td][code][button size=”small” type=”primary” value=”Small Button” href=”#”][/code][/td]
[/tr]

[tr]
[td][button size=”mini” type=”primary” value=”Mini Button” href=”#”][/td][td][code][button size=”mini” type=”primary” value=”Mini Button” href=”#”][/code][/td]
[/tr]
[/table-body]
[/table]

[hr][/hr]

[h4]Labels[/h4]

[table type=”table-bordered table-striped”]
[table-head]
[tr]
[th]Example[/th][th]Shortcode[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td][label]Default[/label][/td][td][code][label]Default[/label][/code][/td]
[/tr]
[tr]
[td][label type=”success”]Success[/label][/td][td][code][label type=”success”]Success[/label][/code][/td]
[/tr]
[tr]
[td][label type=”warning”]Warning[/label][/td][td][code][label type=”warning”]Warning[/label][/code][/td]
[/tr]

[tr]
[td][label type=”important”]Important[/label][/td][td][code][label type=”important”]Important[/label][/code][/td]
[/tr]

[tr]
[td][label type=”info”]Info[/label][/td][td][code][label type=”info”]Info[/label][/code][/td]
[/tr]

[tr]
[td][label type=”inverse”]Inverse[/label][/td][td][code][label type=”inverse”]Inverse[/label][/code][/td]
[/tr]
[/table-body]
[/table]

[hr][/hr]

[h4]Badges[/h4]

[table type=”table-bordered table-striped”]
[table-head]
[tr]
[th]Example[/th][th]Shortcode[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td][badge]1[/badge][/td][td][code][badge]1[/badge][/code][/td]
[/tr]
[tr]
[td][badge type=”success”]2[/badge][/td][td][code][badge type=”success”]2[/badge][/code][/td]
[/tr]
[tr]
[td][badge type=”warning”]4[/badge][/td][td][code][badge type=”warning”]4[/badge][/code][/td]
[/tr]

[tr]
[td][badge type=”important”]6[/badge][/td][td][code][badge type=”important”]6[/badge][/code][/td]
[/tr]

[tr]
[td][badge type=”info”]8[/badge][/td][td][code][badge type=”info”]8[/badge][/code][/td]
[/tr]

[tr]
[td][badge type=”inverse”]10[/badge][/td][td][code][badge type=”inverse”]10[/badge][/code][/td]
[/tr]
[/table-body]
[/table]

[hr][/hr]

[h4]Notification[/h4]

[notification type=”error”]Warning! Best check yo self, you’re not looking too good. [/notification]

[notification type=”alert”]Oh snap! Change a few things up and try submitting again.[/notification]

[notification type=”success”]Well done! You successfully read this important alert message. [/notification]

[notification type=”info”]Heads up! This alert needs your attention, but it’s not super important. [/notification]

[hr][/hr]

[row class=”row-fluid”]
[col class=”span8″][h4]Tabs[/h4]

[tabs]
[thead]
[tab class=”active” type=”tab” href=”#dws_first_tab9″ title=”Tab title”]
[dropdown id=”dws_dropdown9″ title=”Dropdown “]
[tab type=”tab” href=”#dws_dropdown19″ title=”@fat”]
[tab type=”tab” href=”#dws_dropdown29″ title=”@mdo”]
[/dropdown]
[/thead][tcontents]
[tcontent class=”active” id=”dws_first_tab9″]Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.[/tcontent]
[tcontent class=”” id=”dws_dropdown19″]Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. [/tcontent]
[tcontent class=”” id=”dws_dropdown29″]Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. [/tcontent]
[/tcontents]
[/tabs][/col]
[col class=”span4″][/col]
[/row]

[hr][/hr]

[row class=”row-fluid”]
[col class=”span8″][h4]Collapce[/h4]

[collapse id=”collapse_68″]
[citem title=”Collapsible Group Item 1″ id=”citem_21″ parent=”collapse_68″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus orci tellus, tincidunt non semper vitae, posuere vel felis. Vivamus ultrices turpis et enim ullamcorper porta. Sed lorem risus, pharetra id porta ut, congue at magna. Mauris gravida enim tincidunt nunc volutpat ac laoreet turpis hendrerit. Ut purus purus, dignissim nec egestas in, pulvinar sit amet leo. Quisque vehicula dignissim urna vel accumsan. Sed elit ligula, ullamcorper quis pharetra eget, ornare at quam. Donec rutrum venenatis aliquam. Aenean eros nulla, ultricies vitae tincidunt eu, cursus tempus lorem.Ut tempor, dui ac rhoncus sodales, ipsum turpis facilisis felis, sed semper nibh sem porta felis. Proin nec eleifend magna. Curabitur felis dolor, vestibulum nec condimentum eget, eleifend vel quam. Pellentesque rhoncus, enim eget rhoncus volutpat, nibh nisl condimentum augue, convallis gravida odio leo id neque. Nulla tempus, felis sit amet sollicitudin sodales, neque risus sollicitudin elit, sit amet suscipit mauris neque non neque. Fusce consequat condimentum odio eu congue. Ut porttitor, quam venenatis congue eleifend, lacus eros egestas tortor, ac vulputate mi quam vitae velit.
[/citem]
[citem title=”Collapsible Group Item 2″ id=”citem_61″ parent=”collapse_68″]
Duis elementum, diam id porttitor sagittis, enim nisi feugiat ipsum, non iaculis ante lectus at risus. Aliquam ultrices ipsum et dolor dictum sed lacinia quam pulvinar. Sed quis leo sem. Ut orci justo, placerat eget convallis eget, venenatis sed mi. Ut at nulla vel augue varius rhoncus eu nec diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat. Integer in orci orci, nec feugiat dui.
[/citem]
[citem title=”Collapsible Group Item 3″ id=”citem_67″ parent=”collapse_68″]
Sed fringilla, ante nec blandit pretium, ante velit venenatis nisi, nec pretium eros mi id nibh. Ut sagittis odio ac leo lacinia lacinia. Ut congue purus eget mi venenatis mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris et sem lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam auctor pretium massa, non scelerisque tortor condimentum id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer urna nisi, tempor a molestie sed, pellentesque at justo.
[/citem]
[/collapse][/col]
[col class=”span4″][/col]
[/row]

[hr][/hr]

[row class=”row-fluid”]
[col class=”span6″]

[h1]This is a Heading 1[/h1]

[h2]This is a Heading 2[/h2]

[h3]This is a Heading 3[/h3]

[h4]This is a Heading 4[/h4]

[h5]This is a Heading 5[/h5]

[h6]This is a Heading 6[/h6]

[prettyprint][h1]This is a Heading 1[/h1]
[h2]This is a Heading 2[/h2]
[h3]This is a Heading 3[/h3]
[h4]This is a Heading 4[/h4]
[h5]This is a Heading 5[/h5]
[h6]This is a Heading 6[/h6][/prettyprint][/col]
[col class=”span6″][h1 type=”bold”]This is a Heading 1[/h1]

[h2 type=”bold”]This is a Heading 2[/h2]

[h3 type=”bold”]This is a Heading 3[/h3]

[h4 type=”bold”]This is a Heading 4[/h4]

[h5 type=”bold”]This is a Heading 5[/h5]

[h6 type=”bold”]This is a Heading 6[/h6]

[prettyprint][h1 type=”bold”]This is a Heading 1[/h1]
[h2 type=”bold”]This is a Heading 2[/h2]
[h3 type=”bold”]This is a Heading 3[/h3]
[h4 type=”bold”]This is a Heading 4[/h4]
[h5 type=”bold”]This is a Heading 5[/h5]
[h6 type=”bold”]This is a Heading 6[/h6][/prettyprint][/col]
[/row]

[hr][/hr]

[row class=”row-fluid”]
[col class=”span6″][h4]Addresses[/h4]

[address][strong]Twitter, Inc.[/strong]
795 Folsom Ave, Suite 600
San Francisco, CA 94107
[abbr title=”Phone”]P:[/abbr] (123) 456-7890[/address]

[address][strong]Full Name[/strong]
[hyperlink href=”mailto:#”]first.last@gmail.com[/hyperlink][/address]

[prettyprint][address][strong]Twitter, Inc.[/strong]
795 Folsom Ave, Suite 600
San Francisco, CA 94107
[abbr title=”Phone”]P:[/abbr] (123) 456-7890[/address]
[address][strong]Full Name[/strong]
[hyperlink href=”mailto:#”]first.last@gmail.com[/hyperlink][/address][/prettyprint][/col]
[col class=”span6″][h4]Blockquote[/h4]

[blockquote cite=”Someone famous Source Title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.[/blockquote]

[prettyprint][blockquote cite=”Someone famous Source Title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.[/blockquote][/prettyprint]

[blockquote-right cite=”Someone famous Source Title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.[/blockquote-right][clear][/clear]

[prettyprint][blockquote-right cite=”Someone famous Source Title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.[/blockquote-right][/prettyprint][/col]
[/row]

[hr][/hr]

[h4]Tooltips[/h4]

[row class=”row-fluid”]
[col class=”span8″][table type=”table-bordered table-striped”]
[table-head]
[tr]
[th]Tooltip[/th][th]Shortcode[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td][tooltip title=”Tooltip on top”]Tooltip on top[/tooltip][/td][td][code][tooltip title=”Tooltip on top”]Tooltip on top[/tooltip][/code][/td]
[/tr]
[tr]
[td][tooltip title=”Tooltip on right” placement=”right”]Tooltip on right[/tooltip][/td][td][code][tooltip title=”Tooltip on right” placement=”right”]Tooltip on right[/tooltip][/code][/td]
[/tr]
[tr]
[td][tooltip title=”Tooltip on bottom” placement=”bottom”]Tooltip on bottom[/tooltip][/td][td][code][tooltip title=”Tooltip on bottom” placement=”bottom”]Tooltip on bottom[/tooltip][/code][/td]
[/tr]
[tr]
[td][tooltip title=”Tooltip on left” placement=”left”]Tooltip on left[/tooltip][/td][td][code][tooltip title=”Tooltip on left” placement=”left”]Tooltip on left[/tooltip][/code][/td]
[/tr]
[/table-body]
[/table][/col]
[col class=”span4″]

Tight pants next level keffiyeh [tooltip title=”Default tooltip”]you probably[/tooltip] haven’t heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney’s fixie sustainable quinoa 8-bit american apparel [tooltip title=”Another tooltip”]have a[/tooltip] terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney’s cleanse vegan chambray. A really ironic artisan [tooltip title=”Another one here too”]whatever keytar[/tooltip], scenester farm-to-table banksy Austin [tooltip title=”The last tip!”]twitter handle[/tooltip] freegan cred raw denim single-origin coffee viral.[/col]
[/row]

[hr][/hr]

[row class=”row-fluid”]
[col class=”span6″][carousel title=”Carousel”]

[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-001.jpg”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-002.jpg” link=”http://themeforest.net/”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-003.jpg”]item’s description[/carousel-item]

[/carousel]

[pre][carousel title=”Carousel”]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-001.jpg”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-002.jpg”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-003.jpg”]item’s description[/carousel-item]
[/carousel][/pre]

[/col]
[col class=”span6″][br][/br][br][/br][carousel title=”” control=”off”]

[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-001.jpg”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-002.jpg”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-003.jpg”]item’s description[/carousel-item]

[/carousel]

[pre][carousel title=”” control=”off”]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-001.jpg”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-002.jpg”]item’s description[/carousel-item]
[carousel-item img=”https://www.publicidad-valladolid-igraf.com/wp-content/uploads/2013/02/carousel-003.jpg”]item’s description[/carousel-item]
[/carousel][/pre]

[/col]
[/row]

[hr][/hr]

[row class=”row-fluid”]
[col class=”span6″][h4]Table[/h4]

[table]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][pre][table]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][/pre][/col]
[col class=”span6″][h4]table-striped[/h4]

[table type=”table-striped”]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][pre][table type=”table-striped”]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][/pre][/col]
[/row]

[br][/br]

[row class=”row-fluid”]
[col class=”span6″][h4]table-bordered[/h4]

[table type=”table-bordered”]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][pre][table type=”table-bordered”]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][/pre][/col]
[col class=”span6″][h4]table-hover[/h4]

[table type=”table-hover”]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][pre][table type=”table-hover”]
[table-head]
[tr]
[th]#[/th][th]First Name[/th][th]Last Name[/th][th]Username[/th]
[/tr]
[/table-head]
[table-body]
[tr]
[td]1[/td][td]Mark[/td][td]Otto[/td][td]@mdo[/td]
[/tr]
[tr]
[td]2[/td][td]Jacob[/td][td]Thornton[/td][td]@fat[/td]
[/tr]
[tr]
[td]3[/td][td]Larry[/td][td]the Bird[/td][td]@twitter[/td]
[/tr]
[/table-body]
[/table][/pre][/col]
[/row]

[br][/br]

[h4]Row Classes[/h4]

[table]
[table-head]
[tr]
[th]#[/th][th]Product[/th][th]Payment Taken[/th][th]Status[/th]
[/tr]
[/table-head]
[table-body]
[tr type=”success”]
[td]1[/td][td]TB – Monthly[/td][td]01/04/2012[/td][td]Approved[/td]
[/tr]
[tr type=”error”]
[td]2[/td][td]TB – Monthly[/td][td]02/04/2012[/td][td]Declined[/td]
[/tr]
[tr type=”warning”]
[td]3[/td][td]TB – Monthly[/td][td]03/04/2012[/td][td]Pending[/td]
[/tr]
[tr type=”info”]
[td]4[/td][td]TB – Monthly[/td][td]04/04/2012[/td][td]Call in to confirm[/td]
[/tr]
[/table-body]
[/table]

[pre][table]
[table-head]
[tr]
[th]#[/th][th]Product[/th][th]Payment Taken[/th][th]Status[/th]
[/tr]
[/table-head]
[table-body]
[tr type=”success”]
[td]1[/td][td]TB – Monthly[/td][td]01/04/2012[/td][td]Approved[/td]
[/tr]
[tr type=”error”]
[td]2[/td][td]TB – Monthly[/td][td]02/04/2012[/td][td]Declined[/td]
[/tr]
[tr type=”warning”]
[td]3[/td][td]TB – Monthly[/td][td]03/04/2012[/td][td]Pending[/td]
[/tr]
[tr type=”info”]
[td]4[/td][td]TB – Monthly[/td][td]04/04/2012[/td][td]Call in to confirm[/td]
[/tr]
[/table-body]
[/table][/pre]

After you have typed in some text, hit ENTER to start searching...