Skip to main content

Bootstrap Shortcodes For Sparkling WordPress Theme

Below listed shortcodes are powered by Easy Bootstrap Shortcode plugin. To find out more about this plugin and download it please visit WordPress plugin repository. We have made examples for all shortcode types but you can combine them, tweak them, add custom classes and much more. It is among the most powerful Bootstrap shortcode plugins and we highly recommend it for Sparkling and our other Bootstrap based themes.

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed justo eu ligula faucibus vehicula congue hendrerit ligula. Integer interdum, enim mattis ornare rutrum, nulla ligula pellentesque turpis, eget venenatis eros eros vitae massa. Nunc sed mattis mauris. Phasellus facilisis iaculis lacus, vitae lobortis orci suscipit ac. Ut vitae felis eu dolor sagittis tempus. Phasellus at nisi ac nibh venenatis congue. Aenean a nulla ac risus pretium hendrerit quis quis nibh. Vivamus congue egestas ligula a dictum.colorlib-logo-slider

Etiam a lectus quis ante posuere iaculis sed et mauris. Vivamus pellentesque molestie tellus. In hac habitasse platea dictumst. Vivamus quis eleifend velit, vitae suscipit diam. Proin elementum turpis quis adipiscing viverra. Etiam pulvinar congue nisi, non dictum felis ullamcorper quis. Cras purus felis, dictum sed felis elementum, ultrices porttitor velit.

Praesent in volutpat orci, sit amet feugiat mauris. Suspendisse luctus lectus non erat ornare, a gravida purus cursus. Ut in nulla erat. Integer elementum orci mi, at gravida sapien pharetra ut.Duis pretium vulputate elit eget euismod. In eget porta elit. Aenean iaculis, orci sit amet dignissim suscipit, lacus turpis semper turpis, a vestibulum dolor eros ut libero. Curabitur vitae leo varius, accumsan mi non, mattis dui. Sed id augue varius, malesuada urna vel, posuere metus.

Integer congue, velit eu dictum porttitor, arcu enim condimentum orci, a aliquam nibh eros ac turpis. Maecenas sit amet luctus nulla. Sed ut mi pellentesque, scelerisque massa a, pretium tellus. Proin in interdum velit. Sed porttitor ipsum nec interdum aliquam. Duis iaculis, est eu ultrices ultrices, lorem urna blandit eros, sit amet facilisis turpis ante et ante. Aliquam rhoncus at dolor eu facilisis.

Quisque et pellentesque erat. Integer rutrum, quam at iaculis malesuada, purus ante fermentum massa, eu tempus ipsum leo at est. Ut iaculis, turpis quis aliquet ornare, massa ante molestie justo, vitae mollis erat sapien vitae urna. Sed elit metus, vestibulum non nulla eu, blandit pretium nunc. Cras dignissim tellus libero, at aliquam tortor tempus eget. Morbi sed imperdiet purus. Nam ut erat id dolor vehicula vehicula eu in tellus.

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis laoreet condimentum diam nec pretium. Cras sollicitudin mauris ac tortor mattis, et sagittis dui molestie. Nam sed eros facilisis, dapibus ante et, dictum purus. Vestibulum feugiat mi eget felis pretium interdum. In at pharetra neque, eu vehicula justo. Aenean elementum ullamcorper libero, et blandit ante lacinia ut. Aliquam viverra lorem ipsum, in placerat sem cursus vel. Integer augue sem, adipiscing quis tempus ac, congue nec lectus. Aliquam cursus elit at tristique tristique. Sed faucibus aliquam erat, vitae porta ligula accumsan vel.

Donec malesuada dui vitae adipiscing placerat. Fusce lectus ante, accumsan et nibh vel, pellentesque hendrerit mauris. Curabitur ac diam nibh. Duis fermentum ultricies orci consectetur suscipit. Pellentesque lobortis molestie nibh, in fringilla massa vulputate a. Suspendisse potenti. Donec pretium vestibulum facilisis. Morbi sit amet elit tincidunt, condimentum nulla vel, rhoncus neque. Aliquam ipsum nunc, sodales sit amet porttitor vel, interdum et ante. Maecenas nec nunc nec nulla interdum eleifend. Pellentesque sit amet risus eget mauris congue venenatis ac eu turpis.

Quisque et pellentesque erat. Integer rutrum, quam at iaculis malesuada, purus ante fermentum massa, eu tempus ipsum leo at est. Ut iaculis, turpis quis aliquet ornare, massa ante molestie justo, vitae mollis erat sapien vitae urna. Sed elit metus, vestibulum non nulla eu, blandit pretium nunc. Cras dignissim tellus libero, at aliquam tortor tempus eget. Morbi sed imperdiet purus. Nam ut erat id dolor vehicula vehicula eu in tellus.

Ut vitae faucibus tortor, non porttitor nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut vel aliquam urna. Phasellus vitae dignissim arcu. Ut vitae massa at turpis imperdiet luctus a sed magna. Vestibulum consectetur, lorem ac blandit ultrices, elit est molestie urna, at porta lorem magna in nisi. Cras dui sapien, adipiscing nec nunc nec, luctus eleifend eros. Donec nec ullamcorper nisi. Quisque a lacus velit. Mauris non nibh nec neque fringilla pretium. Aliquam erat volutpat. Nam euismod rhoncus dolor, vel mollis nisi vehicula ac. Vivamus sed augue aliquet, molestie lectus ac, congue arcu. Vivamus elementum porta turpis, non imperdiet sapien ullamcorper in. Etiam aliquam condimentum odio sed scelerisque.

Custom Lists

Theme Features

  • Bootstrap 3 Integration
  • Custom Theme Options
  • Responsive layout
  • Awesome Support
  • Full-Screen Slider

Theme Features

  • Bootstrap 3 Integration
  • Custom Theme Options
  • Responsive layout
  • Awesome Support
  • Full-Screen Slider

Theme Features

  • Bootstrap 3 Integration
  • Custom Theme Options
  • Responsive layout
  • Awesome Support
  • Full-Screen Slider

Buttons

Large Buttons

Sample Button 

Button  Button Button Button Button Button

Regular Buttons

Sample Button 

Button  Button Button Button Button Button

Small Buttons

Sample Button 

Button Groups

ButtonButton
ButtonButton

 

Notifications

Yous custom notification that can be closed
Yous custom notification that can be closed
Yous custom notification that can be closed
Custom notification without “close” option

 

Columns

2 Columns

1/2

Maecenas et dictum purus. Nullam consequat, nisi non euismod placerat, augue sapien tristique diam, a volutpat sapien urna eget metus. Nam eget lacus in massa blandit euismod adipiscing vitae nisl. Aenean tellus odio, faucibus et ullamcorper et, fermentum at nulla. Nam eget sollicitudin elit, vitae tristique magna. Sed aliquet mi vel sapien vehicula auctor. In faucibus lobortis metus, eget mattis magna pellentesque id. In ac est dolor. Morbi tellus elit, convallis sit amet felis vel, pellentesque lobortis ligula. Donec lacinia eget urna non pellentesque. Vivamus eu iaculis libero, eu gravida massa. Etiam consectetur consectetur hendrerit. Sed bibendum libero neque, quis porta libero feugiat vel. Morbi porta fringilla porttitor. Pellentesque accumsan id metus ut ultrices. Donec non tempus diam, vehicula facilisis nulla.

1/2

Maecenas et dictum purus. Nullam consequat, nisi non euismod placerat, augue sapien tristique diam, a volutpat sapien urna eget metus. Nam eget lacus in massa blandit euismod adipiscing vitae nisl. Aenean tellus odio, faucibus et ullamcorper et, fermentum at nulla. Nam eget sollicitudin elit, vitae tristique magna. Sed aliquet mi vel sapien vehicula auctor. In faucibus lobortis metus, eget mattis magna pellentesque id. In ac est dolor. Morbi tellus elit, convallis sit amet felis vel, pellentesque lobortis ligula. Donec lacinia eget urna non pellentesque. Vivamus eu iaculis libero, eu gravida massa. Etiam consectetur consectetur hendrerit. Sed bibendum libero neque, quis porta libero feugiat vel. Morbi porta fringilla porttitor. Pellentesque accumsan id metus ut ultrices. Donec non tempus diam, vehicula facilisis nulla.

3 Columns

1/3

Ut dictum nunc ac posuere egestas. Vestibulum interdum diam sed sagittis aliquam. Donec non velit sit amet sem malesuada tempus. Nunc pretium massa eu rutrum scelerisque. Fusce nec lorem dapibus, sollicitudin lorem at, tincidunt felis. Fusce id lobortis diam. Nunc congue vehicula magna a venenatis. Integer neque tellus, dignissim vel purus quis, auctor elementum mauris. In commodo eleifend condimentum.

1/3

Ut dictum nunc ac posuere egestas. Vestibulum interdum diam sed sagittis aliquam. Donec non velit sit amet sem malesuada tempus. Nunc pretium massa eu rutrum scelerisque. Fusce nec lorem dapibus, sollicitudin lorem at, tincidunt felis. Fusce id lobortis diam. Nunc congue vehicula magna a venenatis. Integer neque tellus, dignissim vel purus quis, auctor elementum mauris. In commodo eleifend condimentum.

1/3

Ut dictum nunc ac posuere egestas. Vestibulum interdum diam sed sagittis aliquam. Donec non velit sit amet sem malesuada tempus. Nunc pretium massa eu rutrum scelerisque. Fusce nec lorem dapibus, sollicitudin lorem at, tincidunt felis. Fusce id lobortis diam. Nunc congue vehicula magna a venenatis. Integer neque tellus, dignissim vel purus quis, auctor elementum mauris. In commodo eleifend condimentum.

4 Columns

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

1/4

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

 

Tables

Heading-1 Heading-2 Heading-3 Heading-4
value-1 value-2 value-3 value-4
value-1 value-2 value-3 value-4
value-1 value-2 value-3 value-4
value-1 value-2 value-3 value-4

 

Tooltips

   Hover Me

 

Icon headings

Awesome Theme

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

Clean Look

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

Best Support

Curabitur mollis sodales nibh a dapibus. Morbi vel congue nisi. Nunc sed sem euismod, consectetur nisl viverra, tempor risus. Aliquam id dui in purus fringilla posuere. Maecenas pretium risus sit amet vestibulum iaculis. Sed a sodales velit. Integer nec ante aliquam tellus dapibus vestibulum. In tincidunt mattis eros.

 

Panel shortcode

Panel heading goes here

Fusce pretium mi a placerat ultrices. Vivamus id nunc neque. Aenean mollis diam non urna sagittis, eget tincidunt lorem mollis. Suspendisse potenti. Proin mattis a enim at volutpat. Morbi porta urna in sagittis tempor. Vestibulum sed interdum risus, sit amet sagittis nunc. Integer sed dapibus lacus. Cras nec metus nisi. Ut nec cursus odio, vitae faucibus nulla. Sed in euismod odio. Aenean faucibus egestas libero in viverra. Pellentesque tortor nunc, lobortis eleifend dolor tempus, mollis bibendum velit.

 

Popover

 

Button Dropdown

 

Labels

Sample LabelSample LabelSample LabelSample LabelSample Label

 

Well

Vivamus id dictum odio, nec bibendum dolor. Praesent non felis massa. Nulla sagittis dapibus lectus. Maecenas ac feugiat sem, vel lacinia neque. Nullam feugiat libero enim, non scelerisque nibh imperdiet aliquam. Morbi at nibh consequat sapien dignissim euismod non a ligula. Fusce lacinia ut leo quis ultricies. Aliquam at mi non nibh ornare sagittis ac ac lorem. Sed id elementum leo, non mollis quam. Quisque sem nunc, sollicitudin ac vestibulum in, bibendum eget mi. Duis dictum vitae mauris luctus suscipit.

 

Responsive Images

 

Image Effects

 

Progress bar

50% Complete

75% Complete

95% Complete

100% Complete

50% Complete

75% Complete

95% Complete

100% Complete

 

Services

Awesome Service

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.

Read More

Outstanding Support

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.

Read More

Premium Quality

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.

Read More

39 thoughts to “Bootstrap Shortcodes For Sparkling WordPress Theme”

    1. I took the bootstraps “column” function (3 columns) and inserted the “service icons” within the text area. That worked for me though I haven’t tested it on all browsers yet….

  1. Hello, great job on the theme – perhaps the best free theme I have ever seen regarding capabilities and documentation. I have only 1 question though. How can I deactivate the links to the posts from the slider without editing code? And if I have to use code (which is fine, I am using a child theme always) what is the exact editing I need to do? I noticed that it is a function called at header.php to form the slider. So I am guessing I have to edit something in functions.php. So, what do I have to write on the child theme’s functions.php to overwrite it?

  2. Hi,

    First of All thank you for the Theme. 🙂
    But I can not setup the slider, I have followed instruction at your documentation but no luck 🙁

    Please help me.

    Thanks

  3. I love the Sparkling Theme and use it now for our community. I just “discovered” the Bootstrap Short Codes and was amazed what they can do for me. It means that I can remove several plugins for tables, lists, etc and use the shortcodes. I can make our information more presentable for our users. Do you have any suggestion for further information on Bootstrap Short Codes?

  4. Why the slider doesn’t work properly? How to add the background of slider? the setting of slider is just in the theme option only. Thank you.

  5. hello ,, i just love this theme, awesome work done by the developer. but i have two big queries,, please sort them out .

    1). When i open this theme on desktop it displays only one post in a row, that is it covers the col-md-8 and other col-md-4 is covered by sidebar.
    i wish that one post should only take the col-md-4 and in one row there should be 2 posts instead of 1.
    how to do that, please let me know.

    2). I want to limit the characters displayed on the list of posts and read more button should automatically come after 100 words. please help me on this,, thankkuuu 🙂

  6. Can you use different typefaces? Different colors? Would it be possible to place the slideshow (that’s at the top of your sample home page) at the top of a basic, static, full-width page? I ask that last question as I am interested in using the template for a small, standard website rather than as a blog. THANKS. Beautiful template.

  7. Hi, i wished to use this template for a website but how can i get this example version ? Like the first page ?

  8. I have the sliders working fine but how do I make the post that are needed to make the slider work disappear below.

Leave a Reply

Your email address will not be published. Required fields are marked *