CKEditor Bootstrap Grid
This module allows you to easily create responsive rows and columns within your CKEditor content using Bootstrap's grid system. It provides a user-friendly interface for inserting and customizing Bootstrap grid layouts directly in the editor.
Allows creating rows and columns within CKEditor using Bootstrap syntax.
2.2.x
D10.5+ has upgraded CKEditor to version 45 which breaks icon sets, this version should be used for Drupal 10.5 and will now be used for active development.
CKEditor 5
Version 2.1.x will only support CKE5
CKE5 is supported and is backwards compatible in 2.0.x only, you can use the plugin on either version to help with upgrading.
CKEditor 4
Since CKEditor 4 is an iFrame inside of your window, the media query to determine the width is relative to the size of the editor. This can mean that if you've used the lg or xl breakpoint, that you might not see the change in the editor unless you go into fullscreen mode or have a desktop computer. There is no planned work-around for this as is working as intended.
Version Support
2.0.x 2.1.x 2.2.x Core >=9.3 || ^10 ^10 || ^11 >10.5.0 || ^11 CKEditor 4 Y N N CKEditor 5 Y Y YINSTALLATION
------------
1. Install the module per normal
2. Select a text format to enable the plugin for
at /admin/config/content/formats
3. Drag the Bootstrap Grid icon from "Available buttons"
to "Active toolbar"
4. Select the allowed Bootstrap formats and layouts.
5. Save the text format.
6. Configure the breakpoints and layouts at /admin/config/content/ckeditor_bs_grid