Help me Boostrap

Help me Boostrap
0.0 0

#1

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


#2

Do you have a CodePen project you can link to?


#3

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>

#4

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


#5

nop sorry i dont have


#6

If you read the bootstrap docs about containers, here 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.