I'm setting up a site in DNN7 and built a template using Bootstrap 3 and just wanted to get any feedback on setting up the content. The content area won't always be the same layout of columns or combination of rows with different columns ie:

.col-sm-3   .col-sm-9
.col-sm-3   .col-sm-3   .col-sm-3   .col-sm-3
.col-sm-6               .col-sm-6
.col-sm-3   .col-sm-3   .col-sm-3   .col-sm-3

So what I wanted to know is if there is a way I can set up adding content and setting the column widths to make it easy for a content write to add content and adjust the layout without having to write HTML in the editor source...

What I have done for an older site was set up content panes in set column layouts like below that I can drag modules in to. The issue with this is I can't change the order of the column rows, or repeat a column stack like above...

<div class="row">
    <div id="half_leftPane" class="span4" runat="server"></div>
    <div id="half_rightPane" class="span4" runat="server"></div>
</div>
<div class="row">
    <div id="quarter_leftPane" class="span2" runat="server"></div>
    <div id="quarter_leftInnerPane" class="span2" runat="server"></div>
    <div id="quarter_rightInnerPane" class="span2" runat="server"></div>
    <div id="quarter_rightPane" class="span2" runat="server"></div>
</div>
<div class="row">
    <div id="lower3_LeftPane" class="span2" runat="server"></div>
    <div id="lower3_MiddlePane" class="span4" runat="server"></div>
    <div id="lower3_RightPane" class="span2" runat="server"></div>
</div>

I guess another way would be to create a module container for each column width that can be set when inserting a module, and then add a clearfix module to start a new row.

I would appreciate any suggestions!