Autor Zpráva
PetraPP
Profil
Dobrý večer,
bojuji tady s bootstrap 4 <ul><li> ... kam chci vložit odkaz a potřebuji, aby klikání na URL fungovalo přes celou šířku, výšku daného <li>
Zkouším to takhle, ale nefunguje :(
Předem strašně moc děkuji za výpomoc.

<ul class="list-group list-group-flush border border-secondary">
<li class="list-group-item py-1 px-1 w-100 h-100"><img src="/img/vlajky/cz.svg" class="pr-2"><a href="example.html" class="text-dark">Brno <small class="text-secondary float-right">Jihomoravský kraj</small></a></li>
</ul>
lionel messi
Profil
PetraPP:

Takže si to rozanalyzujeme. Potrebuješ:

1) Odkazu nastaviť display: inline-block, aby si mu mohla nastaviť rozmery (v Bootstrape trieda d-inline-block).
2) Nastaviť mu width: 100% a height: 100% (v Bootstrape triedy w-100 a h-100).

Rovnako ako v bežnom CSS aj v Bootstrape nastavuješ tieto triedy priamo odkazu.

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:

0