Autor | Zpráva | ||
---|---|---|---|
neregistrovaný Profil * |
#1 · Zasláno: 4. 3. 2015, 22:26:46
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 |
#2 · Zasláno: 4. 3. 2015, 22:40:56
|
||
Časová prodleva: 5 dní
|
|||
neregistrovaný Profil * |
#3 · Zasláno: 9. 3. 2015, 22:59:26
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 |
#5 · Zasláno: 9. 3. 2015, 23:13:40
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 * |
#6 · Zasláno: 9. 3. 2015, 23:25:17
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 * |
#8 · Zasláno: 10. 3. 2015, 09:38:06
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? |
||
Časová prodleva: 9 let
|
0