Description
Simple Plugin for Enqueue Bootstrap 4 CSS, JS, and Some Helpful WordPress Shortcodes for visual usages.
ShortCode List
Container Fluid
[containerfluid] contents [/containerfluid]
Container
[container] contents [/container]
Row
[row] contents [/row]
Equal Columns
[col] contents [/col]
Colunm for Extra small Devices – screen width: <576px
[col num="12"] contents [/col]
Colunm for small Devices – screen width: >=576px
[col sm="12"] contents [/col]
Colunm for Medium Devices – screen width: >=768px
[col md="12"] contents [/col]
Colunm for Large Devices – screen width: ≥992px
[col lg="12"] contents [/col]
Colunm for Extra Large Devices – screen width: ≥1200px
[col xl="12"] contents [/col]
Colunm for Multi Devices
[col sm="3" md="6" xl="12"] contents [/col]
Button Group
Parameters:
- class=”” ( add extra class with ‘btn-group’ )
[btngroup]
[button tag='button' href="#" type="button" style='primary']Button 1[/button]
[button tag='button' href="#" type="button" style='primary']Button 2[/button]
[/btngroup]
Buttons
Parameters:
- tag=”button” ( button | a | input )
- href=”#” ( any link you want to set. NB: tag should be ‘a’ )
- type=”button” ( button | submit | etc. )
- style=”primary” ( primary | secondary | success | info | warning | danger | dark | light | link ) See Button Ref
[button tag="button" href="#" type="button" style="primary"]Click Me[/button]
Card
Parameters:
- class=”” ( add extra class with ‘card’ )
[card class="mycard"]
[cardtitle]
This is title.
[/cardtitle]
[cardbody]
This is card body really cool?
[/cardbody]
[/card]
Accordion
Parameters:
- id=”” ( required: a unique id for working correctely )
- class=”some-class” ( optional: if you need to add custom class for styling )
- title=”This is the title of the accordion” ( described the title )
- open=”no” ( optional: no | yes – Accordion item will be open or closed? by default: no )
[accordion id="unique-id" class="some-class" title="This is the title of the accordion" open="no"]
Accordion Content will goes here
[/accordion]
More Shortcodes Coming Soon
Screenshots
Button Styles 
Accordion / Card
Installation
- Upload bootstrap-shortcode-ultimate.zip” to the “wp-content/plugins/” directory.
- Activate the plugin through the “Plugins” menu in WordPress.
FAQ
-
Will you do more shortcodes?
-
yes, i will in every update.
-
What version of Bootstrap did you used?
-
Latest (4.x)
-
[button tag="button" href="#" type="button" style="primary"]Click Me[/button]
see description for more info
-
[btngroup] [button tag='button' href="#" type="button" style='primary']Button 1[/button] [button tag='button' href="#" type="button" style='primary']Button 2[/button] [/btngroup]
Reviews
Marso 6, 2022
best plugin
Pebrero 22, 2021
Ok plugin!
Agosto 1, 2020
working in WordPress 5.4.2 👍🏻
Hulyo 26, 2020
I find Bootstrap an easy way to begin any design. It gives you a lot of components to add without having to write everything from the beginning. The idea of having shortcodes for the markup in WordPress is great as it looks less messy to clients unfamiliar with HTML. This plugin works well for some items, like the accordions work well, but some items need improvement.
In particular, the grid needs to be improved. The short codes are great, the issue becomes when it turns it into HTML, it is putting the .col behind the size, i.e. .col-md-6 which basically overrides the size. So, when I want to have columns start on a medium screen, I'm seeing them on phone. This isn't acceptable and I cannot use the short code that way.
I also found that I cannot add classes, like clearfix to the short code for row.
So, my finding is that while some of the shortcode is great, it is not fully functional and still needs improvement.
Pebrero 26, 2020
Very easy to use bootstrap
Pebrero 26, 2020
This plugin is too helpful to make responsive pages with bootstrap. Thanks a lot to the developer for investing time to create this item.
Contributors & Developers
“Bootstrap Shortcodes Ultimate” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Bootstrap Shortcodes Ultimate” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
4.3.0 : 24 Feb 2021
- Capibility fixed
- Code improved
4.2.3 : 23 Feb 2020
- Fixed: Spaces/ tags removed inside shortcodes
- Button Group shortcode added
- Button shotcode added
4.2.2 : 22 Feb 2020
- Fixed: Spaces/ tags removed inside shortcodes
- Button Group shortcode added
- Button shotcode added
0.1
- Initial release.