# Help me Boostrap

**URL:** <https://forum.freecodecamp.org/t/help-me-boostrap/33436>\
**Category:** General\
**Created:** [September 2, 2016, 2:10pm UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436 "2016-09-02T14:10:45Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![luisw22](https://avatars.discourse-cdn.com/v4/letter/l/edb3f5/32.png) [@luisw22](https://forum.freecodecamp.org/u/luisw22)\
**Post date:** [September 2, 2016, 2:10pm UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436/1 "2016-09-02T14:10:45Z")

</div>

i have some boostraps row and i want that in all row starting from second element create a separation between de colums

---

<div class="post-metadata">

**Author:** ![PortableStick](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/portablestick/32/65591_2.png) [@PortableStick](https://forum.freecodecamp.org/u/PortableStick)\
**Post date:** [September 2, 2016, 2:12pm UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436/2 "2016-09-02T14:12:13Z")

</div>

Do you have a CodePen project you can link to?

---

<div class="post-metadata">

**Author:** ![luisw22](https://avatars.discourse-cdn.com/v4/letter/l/edb3f5/32.png) [@luisw22](https://forum.freecodecamp.org/u/luisw22)\
**Post date:** [September 2, 2016, 2:12pm UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436/3 "2016-09-02T14:12:19Z")

</div>

Here is a section

```
    <div class="col-md-3">
          <div class="container">

       <img src="img/logos-clientes/log14.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 2px;">
          Junta Central Electoral
          </div> 
     </div>
    <div class="col-md-3">
          <div class="container">
       <img src="img/logos-clientes/log17.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 4px;">
          Ministerio de Turismo
          </div>
     </div>
    <div class="col-md-3">
          <div class="container">
       <img src="img/logos-clientes/log10.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 0px;">
            Ministerio de Hacienda
            </div>
     </div>
    <div class="col-md-3">
          <div class="container">
       <img src="img/logos-clientes/log19.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 10px;
                      margin-bottom: 20px;">
            Consejo Nacional de Competitividad
            </div>
     </div>
     </div>
        <div class="clear"></div>
    <div class="col-md-3" style="margin-top: 20px;">
        <div class="container">
       <img src="img/logos-clientes/log62.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 0px;">
            Programa Solidaridad/BID/<br> Banco Mundial
            </div>
      </div>
    <div class="col-md-3" style="margin-top: 20px;">
       <div class="container">
       <img src="img/logos-clientes/log65.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 0px;">
            Contraloría General de <br> La Republica
            </div>
      </div>
    <div class="col-md-3" style="margin-top: 20px;">
       <div class="container">
       <img src="img/logos-clientes/log21.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 0px;">
            Cámara de Cuentas de<br> La Republica
            </div>
     </div>
     <div class="col-md-3" style="margin-top: 20px;">
         <div class="container">
       <img src="img/logos-clientes/log22.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
            <div style="margin-left: 10px;
                        margin-bottom: 20px;">
            Cámara de Diputados
            </div>
       </div>
      <div class="clear"></div>
    <div class="col-sm-3" style="margin-top: 20px;" id="first1">
         <div class="container">
       <img src="img/logos-clientes/log23.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
           Centro de Exportación e Inversión de la Republica Dominicana (CEI-RD)
       </div>
      <div class="col-sm-3" style="margin-top: 20px;">
         <div class="container">
       <img src="img/logos-clientes/log24.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
            Dirección General de<br> Presupuesto
       </div>
      <div class="col-sm-3" style="margin-top: 20px;">
         <div class="container">
       <img src="img/logos-clientes/log25.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
            Dirección General de<br> Impuestos Internos (DGII)
       </div>
     <div class="col-sm-3" style="margin-top: 20px;">
         <div class="container">
       <img src="img/logos-clientes/log66.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
            <div class="text-center" style="margin-left: 0px;
                        margin-bottom: 20px;">
            Dirección General de Contrataciones Públicas<br> (DGCP)
            </div>
            </div>
      <div class="clear"></div>
      <div class="col-md-3">
         <div class="container">
       <img src="img/logos-clientes/log27.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          <div style="margin-left: 10px;">
          Ministerio de Trabajo
          </div>
       </div>
      <div class="col-md-3">
         <div class="container">
       <img src="img/logos-clientes/log28.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          Parque Cibernético de Santo Domingo
       </div>
      <div class="col-md-3">
         <div class="container">
       <img src="img/logos-clientes/log29.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
          Oficina Presidencial de la<br> TIC (OPTIC)
       </div>
      <div class="col-md-3">
         <div class="container">
       <img src="img/logos-clientes/log05.jpg" class="img-thumbnail" alt="Cinque Terre" width="90" height="90">
          </div>
           <div style="margin-left: 40px;
                       margin-bottom: 20px;">
          EDESUR
          </div>
       </div>
```

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [September 2, 2016, 2:12pm UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436/4 "2016-09-02T14:12:54Z")

</div>

You may be talking about column offsets.  
[http://getbootstrap.com/css/#grid-offsetting](http://getbootstrap.com/css/#grid-offsetting)

---

<div class="post-metadata">

**Author:** ![luisw22](https://avatars.discourse-cdn.com/v4/letter/l/edb3f5/32.png) [@luisw22](https://forum.freecodecamp.org/u/luisw22)\
**Post date:** [September 2, 2016, 2:37pm UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436/5 "2016-09-02T14:37:56Z")

</div>

nop sorry i dont have

---

<div class="post-metadata">

**Author:** ![disjfa](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/disjfa/32/95336_2.png) [@disjfa](https://forum.freecodecamp.org/u/disjfa)\
**Post date:** [September 2, 2016, 9:47pm UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436/6 "2016-09-02T21:47:26Z")

</div>

If you read the bootstrap docs about containers, here [http://getbootstrap.com/css/#overview-container](http://getbootstrap.com/css/#overview-container) you will find the container class is not meant te be nested. You did in your example.

If you just get rid of the .container div’s you will get what you want.

The container class adds a negative margin, rendering your col-md-3 padding useless.

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [January 16, 2021, 5:29am UTC](https://forum.freecodecamp.org/t/help-me-boostrap/33436/7 "2021-01-16T05:29:21Z")

</div>