Home » Design » WordPress Admin + Plugin Development + Less + Bootstrap = Awesome
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).
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.
Run it through SimpLess and after that the new CSS can be enqueued in WordPress ! This also works nicely with themes from Bootswatch.
Enjoy!
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
Alexander Gräf
Portfolio
Book Me
Get in touch
Live Chat
I am a full-stack developer. My expertise include:
I love programming, design and know my way around server architecture as well. I would never feel complete, with one of these missing.
I have a broad range of interests, that’s why I constantly dive into new technologies and expand my knowledge where ever required. Technologies are evolving fast and I enjoy using the latest.
Apart from that, I am a peace loving guy who tries to have people around him that think the same. I truly believe in the principle: “If you help someone, someone will help you, when you need it."