=== Bootstrap Shortcodes Ultimate === Contributors: mdshuvo Tags: CSS, bootstrap 4, Twitter Bootstrap, Twitter Bootstrap Javascript, Bootstrap CSS, WordPress Bootstrap,bootstrap4,bs4,grid,bootstrap grid,bootstrap shortcodes for wordpress, Bootstrap Shortcodes Tested up to: 5.7.2 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Simple Plugin for Enqueue Bootstrap 4 CSS, JS, and Some Helpful WordPress Shortcodes for visual usages. == 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 == Installation == 1. Upload bootstrap-shortcode-ultimate.zip" to the "wp-content/plugins/" directory. 1. Activate the plugin through the "Plugins" menu in WordPress. == Frequently Asked Questions == = Will you do more shortcodes? = yes, i will in every update. = What version of Bootstrap did you used? = Latest (4.x) = How can I add Buttons? =
[button tag="button" href="#" type="button" style="primary"]Click Me[/button]see description for more info = How can I add Button 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]== Screenshots == 1. Button Styles 2. Accordion / Card == 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.