WooCommerce 中使用的 Bootstrap 等效项

Question

在引导程序中我使用了这个

<div class="row">
    <div class="col-xs-12 col-md-4 col-lg-2">
        Item 1
    </div>
    <div class="col-xs-12 col-md-4 col-lg-2">
        Item 2
    </div>
    <div class="col-xs-12 col-md-4 col-lg-2">
        Item 3
    </div>
</div>

就是这样。我可以创建一个响应速度非常快的 3 列行。

在 WooCommerce WordPress 中怎么样？我所做的就是这个。

<p class="form-row">
    <div class="u-column2 col2-set">
        <div class="u-column1 col-1">
        </div>
    </div>
    <div class="u-column2 col2-set">
        <div class="u-column1 col-1">
        </div>
    </div>
</p>

有没有办法处理这种类？我可以像在引导程序中一样吗？如果没有，WooCommerce 中的 bootstrap 等价物是什么？

Answer 1

您的目标是使用 Bootstrap CSS 样式功能。

我建议复制以下代码行：https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css 到一个新的 .css 文件，假设你将它命名为 bootstrap-copy.css。最后，使用 wp_enqueue_style ( https://developer.wordpress.org/reference/functions/wp_enqueue_style/ ) 添加 bootstrap-copy.css 然后轻松使用引导类。