Rad Bootstrap 3 Blocks
This plugin is intedended for WordPress 5.x and up. This will not work on sites that do not utilize WordPress’s new Gutenberg block editor.
USAGE
Once activated, simply click on the “Add Block” button and scroll down to see the new category “Bootstrap Blocks”. To add a Bootstrap styled button, click “Bootstrap Button.” To add Bootstrap Columns, click “Bootstrap Columns”.
Columns and containers can be configured in the Settings sidebar. Be sure to have that sidebar open to get the full experience. If you click on the “container” block of the columns, you can add more or remove columns in the range selector. To change the width of the column, click on the column and change the “Column Width” in the settings panel. Since bootstrap is a responsive framework, you can change at what screen to “break” column into full width. This means that the columns will stack on top of each other at smaller screens. As a visual cue of the width and breaksize, the column in the editor will display the css “class” that it is configured for. Thus, “col-xs-6” means that it is a column that is 6 columns wide (out of 12) and will break only if the screen is extra small.
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.