Não consigo abdicar nem do WooCommerce nem do Bootstrap. Quando são usados em conjunto, um conflito deixa o esquema desalinhado. Pode ver a falha na página de pagamento. As poucas linhas de CSS abaixo resolvem o problema num instante. Agora posso usufruir de ambos!
CSS
.woocommerce .col-1, .woocommerce .col-2 {
max-width:none;
}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}
