Bootstrap grid classes allow for easier responsive design with Panels.

Experimental project

This is a sandbox project, which contains experimental code for developer use only.

NOT related to Panopoly distribution.

This module simply adds Bootstrap grid CSS classes to the Panels layouts taken from the Panopoly Theme module while removing any other relationship to the Panopoly modules distribution. It provides Panels layouts/templates that work nicely with an existing Bootstrap implementation, making responsive Panels easier.

Note: In order for these layouts to work it is necessary to manually add a Bootstrap '.container' class to an outer/wrapper div of your site theme. (For example, #page)

Note: This module does not include the Bootstrap grid CSS code. You will need to implement that yourself. For more information see: http://getbootstrap.com/css/#grid

These layouts also provide some extra CSS classes to allow targeting of similar 'regions' of content across multiple layouts/templates:
.bpl-sidebar (content that appears in a 'sidebar')
.bpl-content (content that appears in a larger content area)
.bpl-spacer
The .bpl-spacer class is intended to be given a margin-bottom or top to allow vertical spacing of Panel Panes when they become stacked at smaller window sizes.

Project information