very simple the think to remember is the numur of columns must equal 12. By default the virtual template 'index.php' looks like this
HTML Code:
<!--<div id="container">-->
<?php get_header(); ?>
<div id="main" class="row">
<div id="content" class="cf col8">
<?php bfa_content_nav( 'multinav1' ); ?>
<?php bfa_loop( 'postformat' ); ?>
<?php bfa_content_nav( 'multinav2' ); ?>
</div>
<div id="widgetarea-one" class="col4">
<?php dynamic_sidebar( 'Widget Area ONE' ); ?>
</div>
</div>
<?php get_footer(); ?>
<!--</div>-->
condensed and with the right widget area set off with '=====', it looks like this
HTML Code:
<!--<div id="container">-->
<?php get_header(); ?>
<div id="main" class="row">
<div id="content" class="cf col8">
<?php bfa_content_nav( 'multinav1' ); ?>
<?php bfa_loop( 'postformat' ); ?>
<?php bfa_content_nav( 'multinav2' ); ?>
</div>
==========================================================
<div id="widgetarea-one" class="col4">
<?php dynamic_sidebar( 'Widget Area ONE' ); ?>
</div>
==========================================================
</div>
<?php get_footer(); ?>
<!--</div>-->
notice that the div above it has 'col8' and this div has 'col4'. to make a left sidebar just copy that code, put it in front of the 'content' div and adjust all teh 'coln's so they equal 12. Here is an example and I renamed the widget areas
HTML Code:
<!--<div id="container">-->
<?php get_header('three'); ?>
<div id="main" class="row">
<div id="widgetarea-left" class="col3">
<?php dynamic_sidebar( 'leftsidebar' ); ?>
</div>
<div id="content" class="cf col6">
<?php bfa_content_nav( 'multinav1' ); ?>
<?php bfa_loop( 'postformat' ); ?>
<?php bfa_content_nav( 'multinav2' ); ?>
</div>
<div id="widgetarea-right" class="col3">
<?php dynamic_sidebar( 'rightsidebar' ); ?>
</div>
</div>
<?php get_footer(); ?>
<!--</div>-->
now you have a left and right sidebar and a center area.