Ik kan noch WooCommerce noch Bootstrap missen. Gebruik je ze samen, dan zorgt een conflict voor een scheve opmaak. Je ziet het probleem op de afrekenpagina. De paar regels CSS hieronder lossen het razendsnel op. Nu kan ik van beide genieten!
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;
}