Autor | Zpráva | ||
---|---|---|---|
robbie Profil |
#1 · Zasláno: 26. 8. 2016, 08:35:31
Zdravím, neví někdo jak vytvořit v Boostrapu tzv. vyjížděcí text po zmáčknutí tlačítka. a po opětovném zmáčknutí tlačítka by text zase zajel-schovla se.
Už sem to měl vytvořené, ale ted si nemohu za boha vzpomenout jakým efektem nebo jak to udělat. Děkuju moc za pomoc |
||
Taps Profil |
#2 · Zasláno: 26. 8. 2016, 09:03:05
Zkus pohledat efekt toogle
|
||
davidfronek Profil |
#3 · Zasláno: 26. 8. 2016, 12:56:21
|
||
robbie Profil |
#4 · Zasláno: 26. 8. 2016, 14:35:56
Ano je to pre collapse děkuji moc a chci se ještě optat, nevíte jak udělat jakoby opak collapse zespoda nahoru, že by např zespod obrázku vyjel nejaký popisek opod. Děkuji
|
||
Keeehi Profil |
Řekl bych, že by mělo stačit rodiči toho popisku nastavit
position: relative; a popisku position: absolute; bottom: 0;
|
||
robbie Profil |
#6 · Zasláno: 27. 8. 2016, 10:15:06
Keeehi:
Myslíš jako, že image <img style="position: relative;"> byl rodič a ten popisek <p style=position: absolute; bottom: 0;> by byl child ? Ale co s tím dále? Šířka popisku se zdědí od rodiče, že? Asi bych potřeboval trošku navést, aby ten popisek vyjížděl zespod obrázku nebo že by na spod obrázku byla nějaká ikonka a když by se na ni kliklo, tak by ten popisek vyjel zespod obrázku. Děkuji za pomoc, moc se mi tady ten efekt líbí, jen nevím jak ho docílit. |
||
davidfronek Profil |
#7 · Zasláno: 27. 8. 2016, 10:27:41
obávám se, že v Bootstrapu toho použitím Collapse nedocílíš.
Na fórech jsem našel řešení pouze pro Navbar, ale to asi není to, co potřebuješ... |
||
Keeehi Profil |
robbie:
Spíš jsem myslel <div class="obrazek"> <img> <div>popisek</div> </div> .obrazek { position: relative; } .obrazek div { position: absolute; bottom: 0; } img totiž nemůže být rodičem. Živá ukázka |
||
robbie Profil |
#9 · Zasláno: 28. 8. 2016, 19:08:06
Tak text v obrázku funguje perfektně. Děkuji Vám za pomoc.
|
||
Časová prodleva: 7 let
|
0