Nikhil Raj A Nikhil Raj A - 5 months ago 8
CSS Question

How to make output like this using bootstrap?

This is what i need to make as output ? How can i do it using bootstrap ?image

<div class="container">
<div class="row">
<div class="col-lg-8">
-- Content here--
</div>
<div class="col-lg-4">
-- content--
</div>
</div>
</div>


how to add specific gap between these two columns please help :)

Answer

If you want a gap between the two columns, why don't you simply add another column? Something like this.Reduce one or two of the other columns by an appropriate measure.

<div class="container">
 <div class="row">
  <div class="col-lg-7" style="background-color:white">
   -- Content here--
  </div>  
<div class="col-lg-1"  style="background-color:grey">
   -- content--
  </div>

  <div class="col-lg-4"  style="background-color:white">
   -- content--
  </div>
</div>
</div>