| Autor | Zpráva | ||
|---|---|---|---|
| Robbie Profil * |
#1 · Zasláno: 18. 10. 2016, 19:31:15
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 * |
#3 · Zasláno: 19. 10. 2016, 17:26:00
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 --> |
||
|
Časová prodleva: 8 let
|
|||
0