Fluid Grid

By default, BNL template pages are responsive, but built on a fixed-width grid with the content area set to 940 pixels wide and each grid cell will remain constant regardless of the browser window's size.

Any BNL template page can be switched to a fluid grid by changing the BNL style sheet reference from:

/common/templates/global/css/BNL-960.css

to:

/common/templates/global/css/BNL-960-fluid.css

On BNL's fluid grid pages, the width of the overall content area and the width of each of the grid cells will change based on the overall browser width. All page elements, margins and padding will change proportiantely as well.

Hit the button below and adjust the browser size to see how the template grid and all of the standard BNL web page elements adjust proportinately based on the browser's width.

All BNL Page Elements in Fluid Grid