لا أستطيع التخلي عن WooCommerce ولا عن Bootstrap. عند استخدامهما معًا يحدث تعارض يجعل التخطيط مختلًّا. يمكنك رؤية المشكلة في صفحة الدفع. أسطر CSS القليلة أدناه تحلّها بسرعة كبيرة. الآن أستطيع الاستمتاع بالاثنين!
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;
}