NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
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.