NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Marek Mozola
Člen
Avatar
Marek Mozola:27.1.2018 15:48

Zdravím, používam bootstrap 3.3.6 a chcel by som zobraziť tabulku značiek (na lg 4 vedla seba, na md tiež, na xs a sm 2 vedla seba). Pod každým obrázkom by som chcel popis. Kód:

<?php
                                $dirname = "image/znacky/zakazove/";
                                $images = glob($dirname."*.png");

                                foreach($images as $image) {
                                        echo '<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 znacka">';
                                    echo '<img class="img-responsive" src="'.$image.'" /><br />';
                                    echo '<p>TU BUDE POPIS</p>';
                                    echo '</div>';
                                }

                                ?>

Vyzerá to však veľmi nepekne, vynecháva sa tam však voľné miesto, miesto toho aby tam bol obrázok.

 
Odpovědět
27.1.2018 15:48
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Marek Mozola
Honza Bittner:27.1.2018 19:14

Můžeš dát někam ukázku jen HTML a CSS?

Za sebe bych ti doporučil CSS gridy (viz např. https://goo.gl/nNV8YX či https://cssgrid.io/), ve kterých se gridy dělají daleko lépe než v Bootstrapu. ;)

Nahoru Odpovědět
27.1.2018 19:14
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Marek Mozola
Člen
Avatar
Marek Mozola:27.1.2018 19:22

Bohužiaľ do toho CSS gridu to už asi nestíham prerobiť, ale ďakujem za nápad. Tu je kód HTML: https://pastebin.com/SHD1ppRM

 
Nahoru Odpovědět
27.1.2018 19:22
Avatar
Marek Mozola
Člen
Avatar
Marek Mozola:29.1.2018 20:26

Problém bol v tom, že som musel pridať class row každé 4 obrázky. Dosiahol som to použitím funkcie array_chunk

Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
29.1.2018 20:26
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.