I am using bootstrap theme. I have 4 blocks: block1, block2, block3, block4. Bootstrap has 12 columns grid. I would like to place block 1 in first 7 columns(using bootstrap class "col-md-7"). I would like to place block 2,3,and 4 to the right of the block 1. Can you please advise how to achieve it?
This approach might suit your case.
Create 2 new regions in your template info file and render them in your page.tpl.php
If you are using a bootstrap subtheme, this file will be located in siites/all/themes/bootstrap/templates/system so you will have to copy it and put in your templates folder under you subtheme folder. Remember to clear the Theme Registry cache after this.
So I would do this like below
regions[main_block] = 'Main Block Region' regions[side_block] = 'Side Block Region'
<div class="row"> <div class="col-md-7"> <?php print render($page['main_block']); ?> </div> <div class="col-md-5"> <?php print render($page['side_block']); ?> </div> </div>
After go to the blocks admin interface and select the blocks to show on the correct region. Also for the Side Blocks render all three blocks you need in the Side Block Region and use the correct weights to sort them as you like.
You need to override/create tpl files depends on your situation. After that use the Bootstarp class you need to use.
You should put those files in yourtheme/templates/ (no sub-folder) and a quick cache clear after that.