Add Bootstrap Class to WooCommerce Checkout Fields

Bootstrap, the most popular HTML, CSS and JS framework for developing responsive, mobile first projects on the web. Being so popular yet not accepted by many of other Open Source development providers like WooCommerce. Well, there is no way we can complain to them for this, as WooCommerce is providing great plugins to make eCommerce development easy in WordPress.

But we do have to find possible solutions to use Bootstrap if we are using it for responsive website development.

To add ‘form-control‘ Bootstrap class in WooCommerce default checkout form, add below filter to functions.php in your theme.


Disclaimer: *This post may contain affiliate links. I may earn a small commission when you click on the links and buy the products with no additional cost to you. Thank you.

Notify of

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Inline Feedbacks
View all comments