marcosrego

Easily use <a href="https://marcosrego.com/development/mr-utils/" rel="nofollow ugc">Mr.Utils</a> front-end toolkit with the block editor interface without knowing code, the classes or the functions.
You can transform parent blocks (such as Columns or Groups) into components such as Search, Tabs, Swiper or Sliders (with pagination).
You can select what to do when mouse hovering a block (e.g. animations or a semi-opacity).
You can also apply changes to specific devices/breakpoints: Show/hide blocks depending of the device, remove default margins/paddings, apply a global margin/padding, change font-size depending of device and more.

MR.Utils

Add a front-end toolkit to the block editor to change device visibility, get mouse hover options, animations, convert into components and more...

habibali07

Key Features:
<ul>
<li>Easy Activation: Simply install and activate the plugin to start using Bootstrap and Tailwind CSS in your WordPress site.</li>
<li>Universal Compatibility: Works across various Bootstrap and Tailwind CSS versions, ensuring compatibility with your existing projects.</li>
<li>Flexible Integration: Easily add Bootstrap classes to your divs and containers, enhancing your site’s styling capabilities.</li>
<li>No Coding Required: Eliminate the need for manual coding of CSS classes, saving time and reducing errors.</li>
</ul>
How It Works:
<ol>
<li>Install and Activate: Install the plugin through the WordPress admin panel and activate it.</li>
<li>Use Bootstrap Classes: Apply Bootstrap classes directly to your HTML elements within your WordPress content.</li>
<li>Utilize Tailwind CSS: Incorporate Tailwind CSS utility classes into your WordPress theme or custom post types.</li>
<li>Customization Options: While not required, you can customize the plugin settings to fine-tune its behavior if needed.</li>
</ol>
Enhance your WordPress site’s design capabilities with Bootstrap and Tailwind CSS Integrator – a straightforward solution for incorporating these powerful front-end frameworks into your web development workflow.
<h3>Short Description</h3>
Easily integrate Bootstrap and Tailwind CSS into your WordPress site.

MR.Utils vs Add Bootstrap and Tailwind Css