Inside your .row
container choose a “Columns Block” instead of a paragraph block. Each column can be assigned the desired bootstrap CSS class. It will look like this:
<div class="wp-block-group container">
<div class="wp-block-group__inner-container">
<div class="wp-block-group row">
<div class="wp-block-group__inner-container">
<div class="wp-block-columns">
<div class="wp-block-column col-sm-12 col-md-6 col-lg-6">
<p>Text Here</p>
</div>
<div class="wp-block-column col-sm-12 col-md-6 col-lg-6">
<p>More Text</p>
</div>
</div>
</div>
</div>
</div>
</div>
The “Columns Block” is already a flex container by default, so in this case you may not even need the .row
container. Or you could give the .row
class to the “Columns Block” itself.
Related Posts:
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- Customize Bootstrap checkboxes
- Does bootstrap have builtin padding and margin classes?
- How to set up fixed width for
? - How to change btn color in Bootstrap
- How to set up fixed width for
? - css to make bootstrap navbar transparent
- Bootstrap 4, How do I center-align a button?
- Responsive Bootstrap Jumbotron Background Image
- Changing the width of Bootstrap popover
- How to center vertically and horizontally a div using Bootstrap?
- Flushing footer to bottom of the page, twitter bootstrap
- bootstrap 4 row height
- Bootstrap change carousel height
- Twitter Bootstrap – add top space between rows
- How can I make Bootstrap columns all the same height?
- Set bootstrap modal body height by percentage
- Bootstrap align navbar items to the right
- Why is my Bootstrap code not working?
- img-responsive in Bootstrap does not work
- In a bootstrap responsive page how to center a div
- Responsive Canvas in Bootstrap column?
- WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
- Are there Gutenberg container blocks?
- show classes as dropdown in guttenberg`s additional css classes input box
- Style new block-editor alignfull class without scrollbars or overflow
- What CSS rules are introduced to core blocks through wp-block-styles?
- Gutenberg Block Editor Match Admin Styles & Frontend Styles
- Load custom css after bootstrap
- If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
- is it possible to use post-type as part of a css selector in block editor stylesheet?
- Remove WordPress/Gutenberg button styles for ACF blocks
- Gutenberg Additional CSS Class without modifying theme?
- How to override Gutenberg admin CSS
- Different css rules for TinyMCE and Gutenberg while using add_editor_style()
- Redoing home page but changes not taking effect
- Can you edit WP gutenberg block css without a plugin?
- How to stop Gutenberg from outputting inline CSS for specific blocks?
- Layout using Bootstrap not aligning correctly
- Enqueue styles in new site editor in WordPress 5.9
- Bootstrap in theme
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- CSS – Initial HTML Margin Issue On WordPress Site
- How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
- Add Custom Alignment Option to WordPress Blocks/Gutenberg
- Simple way to add custom class and ids to individual Gutenberg blocks
- All of my custom Bootstrap styles are not working in my child theme!
- How to integrate Bootstrap Grid System in WordPress
- Change class names dynamically added to html elements by wordpress
- The Global Styles missing
- ACF Gut block broke wordpress default style?
- Scroll code block instead of wrapping text
- Default paragraph block styles just for pages NOT for posts?
- Custom CSS in Widget editor (Gutenberg) gets stripped out
- Custom Gutenberg color classes naming convention
- Modal dialog under the backdrop
- Adding a new block editor color option to a theme
- Stop custom Gutenberg styles taking over other admin bits?
- Why can’t blocks be hidden with jQuery?
- Gutenberg CSS Issue
- Trying to make an image a circle in Gutenberg
- What is the cleanest way to shrink Gutenberg Blocks to container width?
- Gutenberg Editor: display error with a combination of transform and background-attachment:fixed
- Default Gutenberg CSS on frontend
- Customizing the CSS for the post/page editor?
- Bootstrap News: Image Modifciation
- Can’t center post thumbnail with bootstrap [closed]
- Use of CSS classes in editor-blocks.css file
- Bootstrap 4 Optimization
- Parent style messing up with Bootstrap [closed]
- Images at the same vertical position in multiple columns
- Bootstrap navbar-fixed-top issues [closed]
- How to make this splash page responsive
- How do I make my block-editor styles match my front-end styles?
- Dequeue classic-themes.min.css
- How can I add a section with a different background color?
- Narrow paragraph block aligned to left of “wrapper”
- adding additional css classes have no effect within block editor
- Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
- How do I change search input padding for blockbase child theme?
- Insert a group block inside a list item
- Full Site Editing Non-editble global styles?
- Block content rendered with inline CSS. How do I reuse it in a headless setup?
- How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
- How to remove class=”wp-block-heading” from Heading tags?
- Gutenberg: where to find style settings
- Custom block style not working in the editor
- Customize margin between paragraphs using the Gutenberg Style editor
- Style priority in theme.json
- How to add a class to a core block in both admin editor and frontend?
- How to force Gutenberg to follow all custom CSS styling in preview?
- Disable WP-Elements Class Creation (Gutenberg)
- Separate typography controls for titles and meta in a custom block?
- Enqueue Stylesheet on the front end and in the block editor Conditionally
- Turn off/modify specific pre-rendered Gutenberg editor CSS styles
- Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
- Block editor: can’t change format of inline code blocks
- Load RTL CSS using block.json for block development
- Gutenberg inline style messing up the navigation when I add a list to a page
- What’s the difference between SCSS and Sass?