PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Bootstrap grid layout and fields alignment

  1. Gaslight
    Member

    I have a responsive theme developed with Bootstrap.
    I managed to alter some of my forms CSS via javascript.

    However I'm not sure if something could be done in regards of grid layout.

    Gravity Forms has some predefined classes for align fields left/right or three in a row, etc. But how about using the more reliable grid system Bootstap comes with? I tried to align two fields to the left and the right using .span class but it doesn't work, I didn't dive in the markup yet, but obviously is not straightforward compatible (since Bootstrap has special classes for forms).

    The advantage of using some kind of grid is that the fields would adapt well in a responsive layout. If I use classes like .gf_left_half and .gf_right_half they won't adapt to a narrower viewport.

    Has anyone of you managed to bring some better layout with Bootstrap to Gravity Forms fields?

    Posted 6 years ago on Saturday March 23, 2013 | Permalink
  2. Bootstrap is not directly compatible with Gravity Forms. However, one user has shared a solution which may be of interest to you: http://benword.com/style-gravity-forms-with-bootstrap/

    Posted 6 years ago on Sunday March 24, 2013 | Permalink
  3. Gaslight
    Member

    hi Chris

    yes I knew that Bootstrap is not officially supported - I knew also about those workarounds for fields and buttons styling. However in my case I meant aligning/positioning of fields in a row. Is there any way to make the gravity forms layout more css responsive?

    thanks

    Posted 6 years ago on Sunday March 24, 2013 | Permalink
  4. Not at this time. You can disable the output of the Gravity Forms CSS and code your own styles, but beyond that, there is no provision to make the form layout more responsive.

    Posted 6 years ago on Monday March 25, 2013 | Permalink