Autor Zpráva
Robbie
Profil *
Ahoj, potřeboval bych poradit, jak nastavit responsivitu.
V col-xs-12 režimu se mi obrázky přilepí k levému okraji , vytvoří jeden sloupec a takto to vydrží až do šířky 768px.
Nejsem za boha schopný a ani už nevím jak nastavit aby mezi šířkou stránky 320px - 768px byly vedle sebe dva obrázky, mám nastaveno i col-sm-6 a nic.
Poradíte? Děkuji
Taps
Profil
Ukaz kod
Robbie
Profil *
Taps:
kod: html:

BODY AND FANCYBOX -->

<div class="container">     
    <div class = "row">
        <div class = " col-md-4 col-sm-6 col-xs-12 ">
           <a href = "images/peniz.png" class = " fancybox thumbnail " >     <!--velky obrazek  -->
                             <img class="img-responsive" src = "images/penizsmall.png" alt = "Elektronická petice"/> <!--maly obrazek  -->   
                  <div class="text-center">
                             <small style="color:white;" class='text-muted'>Elektronická petice s .pdf souborem</small>
                  </div> <!-- text-right / end -->
           </a>
        </div>
   
        <div class = " col-md-4 col-sm-6 col-xs-12 ">
            <a href = "images/gym.png" class = " fancybox thumbnail " > 
                         <img   class="img-responsive" src = "images/gymsmall.png"  alt = "Stránky s tématikou posilovna"/>
                    <div class="text-center">
                          <small  style="color:white;" class='text-muted'> Stránka s tématickým layoutem posilovna</small>
                    </div> <!-- text-right / end -->
            </a>
        </div>
   
        <div class = " col-md-4 col-sm-6 col-xs-12 ">
                <a href = "images/ukaz.png" class = " fancybox  thumbnail" > 
                            <img  class="img-responsive" src = "images/ukazsmall.png"   alt = "Vytvořený eshop s webovými šablonami"/>
                        <div class="text-center">
                            <small   style="color:white;" class='text-muted'>E-shop s webovými šablonami</small>
                        </div> <!-- text-right / end -->
                </a>
        </div>
    
     
    <div class = " col-md-4 col-sm-6 col-xs-12 ">
                    <a href = "images/galerka.png" class = " fancybox thumbnail" >
                                 <img   class="img-responsive" src = "images/galerkasmall.png"  alt = "Obrazová galerie">
                            <div class="text-center">
                                      <small  style="color:white;" class='text-muted'>Galerie obrazů vytvořená v CMS Joomla</small>
                            </div> <!-- text-right / end -->
                    </a>
             </div> 
    
        
 
            <div class = "  col-md-4 col-sm-6 col-xs-12">
                <a href = "images/hodina.png" class = " fancybox thumbnail " >
                                  <img  class="img-responsive"  src = "images/hodinasmall.png"  alt = "Hodinový manžel Znojmo"/>
                        <div class="text-center">
                                     <small  style="color:white;" class='text-muted'>Mikrostránka hodinový manžel Znojmo</small>
                        </div> <!-- text-right / end -->
                </a>
             </div>
     
            
  
                <div class = " col-md-4 col-sm-6 col-xs-12 ">
                        <a href = "images/X.png" class = " fancybox thumbnail " >
                                           <img  class="img-responsive"  src = "images/xsmall.png"  alt = "Elektronická aukce pro přímětický utulek"/>
                                    <div class="text-center">
                                                             <small  style="color:white;" class='text-muted'>Jednoduchá elektronická aukce v PHP a MySql</small>
                                    </div> <!-- text-right / end -->
                        </a>
                </div>
    
        
        
                <div class = " col-md-4 col-sm-6 col-xs-12 ">
                    <a href = "images/8u.cz.png" class = " fancybox thumbnail " >
                                        <img  class="img-responsive"  src = "images/8usmall.png"  alt = "Vytvořený E-shop s webovými šablonami"/>
                                <div class="text-center">
                                         <small  style="color:white;" class='text-muted'>Stránky vytvořené v Bootstrapu</small>
                                </div> <!-- text-right / end -->
                    </a>
                </div>
                <div class = " col-md-4 col-sm-6 col-xs-12 ">
                        <a href = "images/fancybox.png" class = " fancybox  thumbnail" >
                                       <img  class="img-responsive" src = "images/fancyboxsmall.png"  alt = "Obrazová galerie responsivní">
                                <div class="text-center">
                                           <small  style="color:white;" class='text-muted'>Responsivní image slider.</small>
                                </div> <!-- text-right / end -->
                        </a>
                </div>
        
    
        </div> <!--  end row -->

    </div>    <!-- END Container -->

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: