Add 3-4 and 4-5 Regions (Columns) Under Footer in bootstrap theme

Hi,
The following can be one of the ways for adding the columns regions in footer area.(example here : 4 columns)

1. Add the following code in your .info file

regions[footer1] = Footer 1
regions[footer2] = Footer 2
regions[footer3] = Footer 3
regions[footer4] = Footer 4

2. Add the following code in your page.tpl.php inside the footer

       <div id="footer1">
          <?php print render($page['footer1']); ?>
        </div>
        <div id="footer2">
          <?php print render($page['footer2']); ?>
        </div>
        <div id="footer3">
          <?php print render($page['footer3']); ?>
        </div>
        <div id="footer4">
          <?php print render($page['footer4']); ?>
        </div>

#footer1, #footer2, #footer3, #footer4 {
  float: left;
  width: 25%;
}

Hi, I am new with dural having follwing problem during save my view. Please help me out form it

DOException: SQLSTATE[42S02]: Base table or view not found: 1146 La table 'vui.cache_views' n'existe pas: DELETE FROM {cache_views}; Array ( ) in cache_clear_all() (line 168 of F:\wamp\www\Ventures\includes\cache.inc).

Excellent, it works

1. Add the following code in your .info file

regions[footer1] = Footer 1
regions[footer2] = Footer 2
regions[footer3] = Footer 3
regions[footer4] = Footer 4
regions[footer4] = Footer 5

I've created a method to do five columns using bootstrap 3. It requires you to nest two columns of with col-sm-7 and col-sm-5, then inside of the col-sm-7 three columns of col-sm4 and inside the col-sm-5 with two columns of col-sm-6.

There there are two column width overrides on the outside two columns to make sure the columns end up with equal width.

2. Add the following code in your page.tpl.php inside the footer

<div class="col-sm-12">
    <div class="row">
      <div class="col-sm-7 five-three">
        <div class="row">
          <div class="col-sm-4">
                 <?php print render($page['footer1']); ?>
          </div>
          <div class="col-sm-4">
                 <?php print render($page['footer2']); ?>
          </div>
          <div class="col-sm-4">
                  <?php print render($page['footer3']); ?>
          </div><!-- end inner row -->
        </div>
      </div>
      <div class="col-sm-5 five-two">
        <div class="row">
          <div class="col-sm-6">
                  <?php print render($page['footer4']); ?>     
     </div>
          <div class="col-sm-6">
                  <?php print render($page['footer5']); ?>      
            </div>
        </div><!-- end inner row -->
      </div>
    </div>​<!-- end outer row -->
 </div>

4. Add code in responsive CSS file

css code

@media  (min-width: 768px) {
    div.col-sm-7.five-three {
    width: 60% !important;
    }

    div.col-sm-5.five-two {
    width: 40% !important;
    }
}

I usually use my columns as col-sm- as I usually let things collapse after the small breakpoint. That's why I used the media breakpoint to allow the columns to go full screen after the small tablet size..

After adding all the regions in footer just need to give "Width" to all the regions in the footer.
If you are adding 4 footer regions than css will be modified like this:

#footer1, #footer2, #footer3, #footer4 {
float: left;
width: 25%;
}