WordPress logo on top of a pink polka-dot background image
, ,

Making WordPress comments form work with Bootstrap 3

While re-designing my WordPress blog template I came across the challenge of making the WordPress comments form play nicely with Bootstrap 3. Unlike the search form which is easily customized by simply adding a ‘searchform.php’ template file, the comments form is a little more complicated.

When making WordPress templates the comments area is modified by adding the ‘comments.php’ file. This however, is only the layout of the comments. The comments form itself is output by using the function:

<?php comment_form( $args ); ?>

The output of this form can be modified using the arguments documented in the official documentation. However I found this handy article, that gives a brilliant and easy to understand breakdown of how to make the ‘comment_form()’ function output some Bootstrap 3 friendly code.