Autor Zpráva
Robbie
Profil *
Dobrý den,
setkali jste se někdo s problémem, že vám nejde nastavit stejný thumbnail v Bootstrapu?
Šířku nastavit jde, ale výška si u každého obrázku dělá co chce, nejde mi to nastavit ani v custom.css ani podle tohoto navodu:

www.tutorialspoint.com/bootstrap/bootstrap_thumbnails.htm

Je vidět, že pod zmenšeninami obrázků je okraj thumbnailu,ale zmenšenina obrázku jakoby přetejká z thumbnailu .
Chci aby thumbnail mel 200x200px, šířka je ok, ale výška obrázku je přes a nevím, kde to už nastavit..... Máte s tím někdo zkušenost?

kod:

<div class="row">
        
            <div class='col-sm-4 col-xs-6 col-md-4 col-lg-4'>
                <a href="images/koralky.png" class="thumbnail  fancybox" rel="ligthbox" >           /* koralky.png  jsou v obou řádcích obrázky stejné velikosti, ještě me tak napadlo, nemuže to být  .png typem souboru?  */
                    <img class="img-responsive" alt="Korálky" src="images/koralky.png"  />
                    <div class='text-right'>
                        <small class='text-muted'>Korálky</small>
                    </div> <!-- text-right / end -->
                </a>
            </div> <!-- cols / end -->
           </div><!-- row end -->
Robbie
Profil *
Tak jsem si naivně myslel, že class="thumbnail" mi z velkého obrazku udela miniaturu, ale miniatury jsem musel vytvorit v grafickem editoru.
Sem normální obrázek<a href="obrazek normalni velikosti.png" class="thumbnail fancybox" rel="ligthbox" >
a
sem zmenšený obrázek<img class="img-responsive" alt="Korálky" src="obrazek zmenšený v editoru.png" />

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: