Column classes not correct

  • I have a row with two 50/50 columns. The plugin automatically adds the Bootstrap grid columns classes to the elements but it is not calculating correctly.

    Bootstrap uses a 12 column grid. It assumes that the x-small screen size is 12 columns unless otherwise specified which the plugin seems to be taking advantage of since there is no “col-xs-*” class.

    Starting with the small class a 50% column should be 6 columns wide which would be a class of “col-sm-6” but the plugin is giving each column a class of “col-sm-9” instead. Either it is basing the class off of an 18 column grid or the math is simply off.

    The plugin is also adding a medium size class to each column of “col-md-6” which is the correct calculation for a 50% column. So it is only the small size that seems to be incorrect.

    At this point the small size is completely broken as each column is taking up 75% of the horizontal space resulting in a poor looking layout at that size.

    Here’s a shot of the code I just described:
    https://www.dropbox.com/s/0ybekw0pxv00ye6/Screenshot%202014-06-20%2015.39.01.png

    https://www.ads-software.com/plugins/ig-pagebuilder/

Viewing 1 replies (of 1 total)

  • Hi benstewart,

    Thank you very much for such a detailed report. I already passed this matter to our development team to re-adjust grid layout and it will be updated in our next release.

    If you still have any question or suggestion, please don’t hesitate to let us know.

    Best regards,

    Adam.

Viewing 1 replies (of 1 total)
  • The topic ‘Column classes not correct’ is closed to new replies.