在您的.row
容器选择“Columns块”而不是段落块。可以为每个列分配所需的引导CSS类。它将如下所示:
<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>
默认情况下,“Columns块”已经是一个flex容器,因此在这种情况下,您甚至不需要
.row
容器或者你可以
.row
类设置为“Columns块”本身。