Bootstrap chyba pri vypísaní – HTML / XHTML – Fórum – Programujte.com

Zdravím,

chcel by som sa opytať mam kód na vypisovanie tovaru, ale tovar sa mi zle zobrazuje 

http://staminafood.sk/obchod/

 <div class="row" id="produkt">
    <div class="col-md-8 col-md-offset-2 paddingTop-1 paddingBottom-1">

      
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/www.staminafood.sk/domace-oblatky-syr.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/15.jpg" class="img-responsive" alt="Domáce oblátky - Syr" title="Domáce oblátky - Syr">          
         <div class="caption text-center">   
          <h3>Domáce oblátky - Syr</h3>
          <p>1.99€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-kokos.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/14.jpg" class="img-responsive" alt="Ovsená Kaša - Kokos" title="Ovsená Kaša - Kokos">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Kokos</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-mak.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/6.jpg" class="img-responsive" alt="Ovsená Kaša - Mak" title="Ovsená Kaša - Mak">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Mak</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-skorica.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/5.jpg" class="img-responsive" alt="Ovsená Kaša - Škorica" title="Ovsená Kaša - Škorica">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Škorica</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
         
      <div class="col-md-4 paddingTop-1">
       <div class="thumbnail produktVypis">
        <a href="http://staminafood.sk/ovsena-kasa-kakao.html" class="odkaz">
         <img src="http://rs.staminafood.sk/webImages/produkt/1.jpg" class="img-responsive" alt="Ovsená Kaša - Kakao" title="Ovsená Kaša - Kakao">          
         <div class="caption text-center">   
          <h3>Ovsená Kaša - Kakao</h3>
          <p>2.39€</p>  
         </div>
        </a>
       </div>           
      </div> 
               
    </div>
    
   </div>

neviete mi poradiť kde som chybu spravil 

Ďakujem :)

To bys musel popsat, co je chapano pod pojmem zobrazovani dobre a co zobrazovani spatne.

Z odkazu tipuji, ze mas spatne CSS. Zkus zakazat vsechny css a uvidis, zda se to zobrazi lepe nebo ne.
A pokud je to problem css, tak jde o float. A pokud jde o float, tapk float, aby se zobrazil spravne, vyzaduje nekolik zasadnich veci. Jednou z nich je stejna velikost floatovanych kontejneru. Pr takoveho spatneho floatu zleva 

[<b>][/a\][/c\]
.....[aaa][\c/]
.....[\a/][/d\]
..........[\d/]

ddd se natlacil pod ccc, protoze ccc nepresahlo vysku vsech predchozich konteineru, takze tam logicky doplnil dalsi kontejner, ddd.
eee by pak slo uz na dalsi radek, ale az pod uroven ddd, takze pod bbb vznikne spousta volneho mista. Coz by pozorovatel mohl vyhodnotit jako chybu, ale ve skutecnosti je to spravne a jedine mozne reseni.

Chci rici, ze jako ten, co zhruba ovlada principy, na jakych to je postavene, nemuzu spravne rici, co presne chyba je, jak to vidis ty. Ja to vidim jako spravne chovani. A takovych spravnych veci tam vidim vice. Takze to zkus priblizit, co je vlastne spatne a jak by melo byt.

#3 peter
no nejspíš myslí to posunutí co způsobuje ten první obrázek s jiným rozměrem.