NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Každý třetí odkaz na novém řádku

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Martin Suchodol
Člen
Avatar
Martin Suchodol:9.6.2020 11:44

Ahoj, výpise seznamu kategorií, a ideálně bych potřeboval aby se mi na řádku zobrazily vždy jen dva odkazy. Původní myšlenka byla že bych využil třídy nth:child(odd)

Nicméně to nic neudělá, jakákoliv změna stylu se na každý druhý aplikuje, ale zalomění řádku resp změna výpisu po dvojicích nikoliv

<div class="card my-4">
    <h5 class="card-header">
        Kategorie:
    </h5>
    <div class="card-body">
        @foreach($categories as $category)
            <p>
                <a class="nav-link" href="#">
                    <i class="fas fa-folder fa-3x none"></i>{{ $category->title }}
                </a>
            </p>
        @endforeach
    </div>
</div>
Editováno 9.6.2020 11:47
 
Odpovědět
9.6.2020 11:44
Avatar
Martin Suchodol
Člen
Avatar
Martin Suchodol:9.6.2020 11:51

oprava, přidávám správný kód ten co jsem dal bly starší

<div class="card-body d-inline-flex">
        @foreach($categories as $category)
                <a class="nav-link" href="#">
                    <i class="fas fa-folder fa-3x none"></i>{{ $category->title }}
                </a>
        @endforeach
</div>
 
Nahoru Odpovědět
9.6.2020 11:51
Avatar
Martin Suchodol
Člen
Avatar
Martin Suchodol:9.6.2020 16:00

Tak problém vyřešen nějak mi nedošlo že mohu využít grid systém bootstrapu :D

Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
9.6.2020 16:00
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 3 zpráv z 3.