This only applies to multiple choice/checkbox lists and work with any of the form label position settings. These ready classes turn a multiple choice/checkbox list into an equally-spaced column format with the defined number of columns and orientation. This is useful for different sized fields or when you simply want a horizontal layout without actual column spacing. This places the field inline horizontally with other fields but does not create equally-spaced column layouts. The gf_first_quarter class has to be added to the first field, the gf_second_quarter class to the second field, the gf_third_quarter class to the third field, and the gf_fourth_quarter to the fourth field. The four fields have to be adjacent to each other in the Form Builder. To align four fields side by side (4 equal columns) you can add these classes.

This only works with the “top label” form layout option. This places the field in the fourth quarter of 4 column layout. This places the field in the third quarter of 4 column layout. This places the field in the second quarter of 4 column layout. This places the field in the first quarter of 4 column layout. The gf_left_third class has to be added to the first field, the gf_middle_third class to the second field and the gf_right_third class to the third field. The three fields have to be adjacent to each other in the Form Builder. To align three fields side by side (3 equal columns) you can add these classes. This places the field in the right column (right third) of a 3 column layout. This places the field in the middle column (middle third) of a 3 column layout. This places the field in the left column (left third) of a 3 column layout. Note: These only work with the “top label” form layout option and are intended to be used in left third/middle third/right third pairings to work properly. These classes are deprecated by the column features built directly into the Form Editor in Gravity Forms 2.5.

Css mobile responsive columns builder