Add Configuration Option to render the Right Column before the Content

[stevepridemore]

Can a configuration option be added to allow the right column to be rendered before the content and floated right? This would allow for the right column to display before the main content on mobile devices.

[sbobb]

Won't the col push/pull classes work for this behaviour? http://stackoverflow.com/questions/18057270/column-order-manipulation-using-col-lg-push-and-col-lg-pull-in-twitter-bootstrap

[markleusink]

They can, but that would have to be implemented in the render classes of the application layout in the plugin. It would also mean adding configuration options to that control to specify what ordering you would want. I would then also include options to set the size of the (left, center, right) columns.

Until that's implemented you need to create your own layout. Here's a sample using those pull/push classes:

<div class="container">

    <div class="row">

        <div class="col-sm-3" style="background:#eeeeee">

            left on larger screens, 1st on mobile

        </div>

        <div class="col-sm-3 col-sm-push-6"  style="background:#aaaaaa">

            right on larger screens, 2nd row on mobile

        </div>

        <div class="col-sm-6 col-sm-pull-3" style="background:#cccccc">

            center on larger screens, 3rd row on mobile

        </div>

    </div>

</div>

[stevepridemore]

Maybe it would be better to just add a size option to for each section. Then you could do a 2-2-8 layout or a 3-8-1 or whatever type of layout you decide.