Bootstrap can not be added directly to the admin of a plugin, but you can wrap your plugin in a container and compile the Bootstrap CSS to use it as a wrapper.
I do my compiling using SimpLess
In the past you could do this using SimpLess directly (my-own-bootstrap.less).
.bootstrap-wrapper { @import (less) url( 'bootstrap.css' ); }
This fails with the latest version of Bootstrap. But you can just paste the Bootstrap CSS into the LESS file and compile it that way.
.bootstrap-wrapper { // Paste Bootstrap CSS here }
Run it through SimpLess and after that the new CSS can be enqueued in WordPress ! This also works nicely with themes from Bootswatch.
wp_enqueue_style( $this->plugin_slug .'-my-bootstrapstyle', plugins_url( 'css/my-bootstrapstyle.css', __FILE__ ), array(), $this->version );
Enjoy!
BOOKING SOLUTIONS 202x This is my take on a subset of booking, appointment, PMS or… Read More
THE GOAL Create a system cron for WordPress, that is accessible and can be easily… Read More
2024, what's cooking? Slowly getting into the 2024 spirit. 3 projects coming to a close… Read More
Short look back at 2023 This has been a busy and interesting year. I am… Read More
Elementor Pro provides grid containers as an experimental feature. The options provided are limited, when… Read More
Archaeology Travel is an online travel guide for people who enjoy exploring the world’s pasts.… Read More
View Comments
i got an error when compiling this code using Online Less Compilers less2css.org
.bootstrap-wrapper {
// Paste Bootstrap CSS here
}
please help, less compiler you mentioned is not available anymore
Hi,
these days its far easier to use the core Sass files.
https://getbootstrap.com/docs/4.1/getting-started/theming/#sass
Just import all
@import "../bootstrap/scss/bootstrap";
or just what you need
// Required
@import "../bootstrap/scss/functions";
@import "../bootstrap/scss/variables";
@import "../bootstrap/scss/mixins";
// Optional
@import "../bootstrap/scss/reboot";
@import "../bootstrap/scss/type";
@import "../bootstrap/scss/images";
@import "../bootstrap/scss/code";
@import "../bootstrap/scss/grid";
Far more flexible than the old less wrapper tweak :)
Cheers
Alex