Divide A Column Into 2 Parts In Bootstrap 3

I'm using a div with class 'col-lg-9', inside that div there are two columns with a class of 'col-lg-6' for each one. it works good but the issue is that there is no margin between

Solution 1:

You have different options, however, I'd recommend you to start with a basic thing for ALL options, which is this:

<divclass="main col-lg-9 myHalfCol"><divclass="col-lg-6"></div><divclass="col-lg-6"></div></div>

Now you can target .myHalfCol without worrying about affecting any other .col-lg-6 class

As for approaches, you can use the padding model, leaving everything as is just adding some padding at the sides, like this:

.myHalfCol.col-lg-6{padding:010px;}

The margin model: Here you use real margins, so you need to take care of width.

.myHalfCol.col-lg-6{width:48%; margin:01%/* or auto */;}