【问题标题】:Bootstrap Equivalent used in WooCommerceWooCommerce 中使用的 Bootstrap 等效项
【发布时间】:2020-03-08 22:11:11
【问题描述】:

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

<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 等价物是什么?

【问题讨论】:

  • 这取决于您的 WooCommerce WordPress 主题

标签: wordpress twitter-bootstrap woocommerce bootstrap-4


【解决方案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 然后轻松使用引导类。

【讨论】:

    猜你喜欢
    • 2019-05-29
    • 1970-01-01
    • 1970-01-01
    • 2018-09-23
    • 2019-04-16
    • 2015-12-28
    • 1970-01-01
    • 2011-01-10
    • 1970-01-01
    相关资源
    最近更新 更多