WooCommerce中使用的等效Bootstrap

在引导程序中,我已经使用过

<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中的等效引导程序是什么?

bitwzj 回答:WooCommerce中使用的等效Bootstrap

您的目标是使用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,然后轻松使用bootstrap类。

本文链接:https://www.f2er.com/3112341.html

大家都在问