grid - how can i give margin between two column with bootstrap -


i want place margin of 10px between 2 columns in bootstrap. have 2 divs, 1 left , 1 right.

current:

enter image description here

goal:

enter image description here

code:

<div class="row">    <div class="shadow col-md-9">        content    </div>    <div class="shadow col-md-3">        content          </div> </div>  

*shadow class give border color.

<div class="container"> <div class="row">    <div class="col-md-9"> <div class="row"> <div class="col-md-11 shadow">left div</div> </div>     </div>     <div class="col-md-3"> <div class="row"> <div class="col-md-12 shadow">right div</div> </div>     </div> </div> </div> 

this quick version. realistically, add whatever class in place of col-md-11/12. see http://www.bootply.com/edptvnukw5. because it's nested inside, keep properties of parent in relation responsive utilities.


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -