Autor Zpráva
neregistrovaný
Profil *
Zdravím,
jakým způsobem v bootstrapu řešit galerii, případně výpis referencí formou klasické mřížky s obrázky (odkazy).

Dávat jednotlivé náhled po třech na jednotlivé row řádky?

Nebo dát všechny do jednoho řádku? Nebo je na to v bootstrapu nějaká speciální třída?

Jde mi hlavně o to, aby to fungovalo responzivně i na menších displejích. Díky
Kcko
Profil
Jednoduše
neregistrovaný
Profil *
Tak bohužel to není tak jednoduché :(

Problém je, že ten obrázek chci dát jako background, ne jako img. (potřebuji na něj napsat text v html).

Problém je, že na to, aby se mi ten obrázek zobrazil, tak musím nastavit divu šířku a výšku. Když ji ale zadám v pixelech, tak bude s tím problém na menších displejích, kde se obrázek asi nezmenší.

Děkuji za případné rady.
juriad
Profil
neregistrovaný:
Nepomůže CSS vlastnost background-size: cover?

Můžeš také nad obrázek absolutné napozicovat druhou vrstvu, do které budeš psát text.
Keeehi
Profil
Pro menší displeje můžeš připravit menší obrázek. Zobrazení správné velikosti pak už zajistíš s @media stejně jako to dělá bootstrap.
neregistrovaný
Profil *
Keeehi: jj, taky možnost, ale bylo by potřeba pro každou referenci připravovat zvlášť náhledový obrázek a nastavit velikost:(

juriad: díky, mrknu na to. Případně zkusím popřemýšlet na té možnost obrázku a napozicovaného textu. Nevím, co je "správnější varianta".

Bojuji u obrázků ale s ještě jedním problémem a to, že Extra small devices (.col-xs-) platí až do šířky 768px. U telefonů a malých šířek chci jeden obrázek na řádku. To není problém nastavit, ale jak to omezit jen do určité šířky? U větších šířek kolem 768px ten jeden obrázek je strašně vysoký a široký (mimoto samozřejmě rozmazaný - což by se dalo vyřešit použitím většího rozlišení).

Díky
Keeehi
Profil
neregistrovaný:
Bootstrap je konfigurovatelný. Tudíž pokud ti nevyhovuje 768px a chceš to někam posunout, tak to není problém. getbootstrap.com/customize/#media-queries-breakpoints

A co se týče více velikostí obrázku. Určitě by to bylo lepší ale není to nutnost.
návštěvník
Profil *
To nastavení není moc vyhovující, protože tu max šířku pro xs potřebuji až do šířky 768px. Nebo alespoň nevidím tu možnost, jak to použít.

Spíše bych tam potřeboval nějak dostat ještě jeden breakpoint, aby např. pro xs do 768px se zobrazily dva obrázky vedle sebe, ale např. od 500px už jen jeden. I když to nevím, jestli pujde.

V nejhorším případě by se to dalo řešit jedním obrázkem na střed, s nastavenými max. rozměry, aby se úplně neroztáhl. Ale jak na to?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: