Div next to each other with bootstrap spacing

0

Colleagues.

I'm trying to create this layout:

Withthecodebelow,butIcannot.Cananyonehelpme?

<divclass="col-xs-4" style="background-color: #F47B36; color: #FFF ">
<div style="padding: 10px">
<div class="col-xs-6"> teste </div>
<div class="col-xs-6"> <i class="fa fa-users fa-f5" aria-hidden="true"></i> </div>
</div>
</div>

<div class="col-xs-4" style="background-color: #F47B36; color: #FFF; margin-left: 10px ">
<div style="padding: 10px">
<div class="col-xs-6"> teste </div>
<div class="col-xs-6"> <i class="fa fa-users fa-f5" aria-hidden="true"></i> </div>
</div>
</div>

<div class="col-xs-4" style="background-color: #F47B36; color: #FFF; margin-left: 10px ">
<div style="padding: 10px">
<div class="col-xs-6"> teste </div>
<div class="col-xs-6"> <i class="fa fa-users fa-f5" aria-hidden="true"></i> </div>
</div>
</div>
    
asked by anonymous 23.11.2016 / 18:22

1 answer

1

In this case you can use the offset:

<div class="col-xs-8 col-xs-offset-2">
    <div class="col-xs-2" style="background-color: #F47B36; padding: 30px 10px;"></div>
    <div class="col-xs-2 col-xs-offset-1" style="background-color: #F47B36; padding: 30px 10px;"></div>
    <div class="col-xs-2 col-xs-offset-1" style="background-color: #F47B36; padding: 30px 10px;"></div>
    <div class="col-xs-2 col-xs-offset-1" style="background-color: #F47B36;padding: 30px 10px;"></div>
</div>
    
23.11.2016 / 18:36