Html 从签出表单中删除woocommerce deafult css类

我第一次使用woocommerce创建了一个基于wordpress的电子商务网站。我需要应用bootstrap 4 css表单类，并删除woocommerce将用于包装表单元素的默认类。使用inspector，我注意到在每个

和

之前添加了一个

标记，并且输入被包装在一个

标记中，这将破坏所有引导4布局。在经历了一些头痛之后，我发现了一个很好的解决方案，我决定尝试一下，但这个解决方案不会像我预期的那样对我有效。 我想做的是创建一个表单，它尊重引导的css网格布局，如下所示：

<form>
 <div class="form-group">
 // form group wrapper for labels and inputs
  <label for=""></label>
  <input type="text" class="form-control" />
 </div>
</div>

//标签和输入的表单组包装器

这是Bootstrap4表单的基本标记。对于某些字段，我还希望使用

.form行

将两个字段（如姓名和姓氏）或类似字段分组为

.col-sm-12 col-md-6 col-lg-6

是否可以使用过滤器或挂钩？我已经找到了管理fileds呈现函数的核心文件，但我不想编辑该文件以避免弄乱代码

现在，账单和结帐表单字段具有以下结构：

---

感谢您的帮助。

WooCommerce提供了一种覆盖主题模板的方法

如果需要使用引导HTML标记和CSS类，可能需要按照WooCommerce文档中给出的说明覆盖WooCommerce模板：

如果您使用的主题不是您自己构建的，那么最好的做法是创建一个子主题，这样您就可以覆盖子主题中的WooCommerce模板，而无需更改原始主题并保持更新它的能力。

---

WooCommerce提供了一种覆盖主题模板的方法

如果需要使用引导HTML标记和CSS类，可能需要按照WooCommerce文档中给出的说明覆盖WooCommerce模板：

如果您使用的主题不是您自己构建的，那么最好的做法是创建一个子主题，这样您就可以覆盖子主题中的WooCommerce模板，而无需更改原始主题并保持更新它的能力。

---

如果使用Bootstrap 4和SASS，则可以使用@extend

例如，您可以轻松地将默认的woocommerce按钮更改为引导按钮，如下所示：

.woocommerce .button {
  @extend .btn, .btn-primary;
}

---

如果使用Bootstrap 4和SASS，则可以使用@extend

例如，您可以轻松地将默认的woocommerce按钮更改为引导按钮，如下所示：

.woocommerce .button {
  @extend .btn, .btn-primary;
}

---

为什么不直接用你自己的。。。使用flexbox布局而不是默认布局？@HowardE，因为我将woocommerce与使用bootstrap 4作为前端框架的自定义主题集成。我已经用css做了一个快速修复，但是对于深度集成来说这并不理想，这只是一个意见问题。您可以简单地将css添加到基本自定义主题中。我就是这么做的。它每次都有效。为什么不用你自己的。。。使用flexbox布局而不是默认布局？@HowardE，因为我将woocommerce与使用bootstrap 4作为前端框架的自定义主题集成。我已经用css做了一个快速修复，但是对于深度集成来说这并不理想，这只是一个意见问题。您可以简单地将css添加到基本自定义主题中。我就是这么做的。每次都有效。