Ich will weder auf WooCommerce noch auf Bootstrap verzichten. Wenn beide zusammen verwendet werden, führt ein Konflikt zu einem schiefen Layout. Das Problem siehst du auf der Checkout-Seite. Die wenigen CSS-Zeilen unten lösen es ganz schnell. Jetzt kann ich beides nutzen!
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;
}