html - Border spacing between the columns -


i have 3 columns in row, each of has class col-xs-4 , cover entire row. need add border each of these columns , don't want them overlap.

currently, using border there's no spacing between columns.i want space between borders of these columns separated each other.

i can't use offset because columns start stacking vertically.

can achieved?

you can use paddings , child div

.col-xs-4 {    padding: 16px;  }  .col-xs-4 > div {    border: 1px solid black;    padding: 16px;  }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />  <row>    <div class="col-xs-4">      <div>        lorem ipsum dolor sit amet, consectetur adipisicing elit. iste necessitatibus, sapiente vitae ullam exercitationem debitis quos quod, consequatur nobis cumque aut totam neque provident tempore recusandae vel quis suscipit eum.      </div>    </div>    <div class="col-xs-4">      <div>        lorem ipsum dolor sit amet, consectetur adipisicing elit. iste necessitatibus, sapiente vitae ullam exercitationem debitis quos quod, consequatur nobis cumque aut totam neque provident tempore recusandae vel quis suscipit eum.      </div>    </div>    <div class="col-xs-4">      <div>        lorem ipsum dolor sit amet, consectetur adipisicing elit. iste necessitatibus, sapiente vitae ullam exercitationem debitis quos quod, consequatur nobis cumque aut totam neque provident tempore recusandae vel quis suscipit eum.      </div>    </div>  </row>


Comments

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

javascript - Function overwritting -

php - Find a regex to take part of Email -