| Autor | Zpráva | ||
|---|---|---|---|
| Camo Profil |
#1 · Zasláno: 6. 4. 2015, 15:00:33
Ešte by som mal jednu otázku na Bootstrap.
Mám obrázok na 100% šírky a je logicky obrovský. Takže potrebujem aby sa v závislosti na šírke displeja zobrazil buď xs-header.jpg, sm-header.jpg, md-header.jpg alebo lg-header.jpg. A tiež to nemôže ísť ako background-image, lebo potrebujem aby sa obrázok prispôsobil šírke. Dá sa to spraviť cez bootstrap? Ja teda netuším zatiaľ ako. Vie niekto ako to vyriešiť? Či len Javascriptom? |
||
| Taps Profil |
#2 · Zasláno: 6. 4. 2015, 15:53:21
Camo:
To co hledáš je zřejmě vlastnost backround-size - http://jecas.cz/max-width-pozadi |
||
| Camo Profil |
#3 · Zasláno: 6. 4. 2015, 17:38:15
Taps:
Ja viem, že exituje background-size, ale IE8 na to nereaguje. |
||
| Tomáš123 Profil |
#4 · Zasláno: 6. 4. 2015, 18:03:21
Camo:
„A tiež to nemôže ísť ako background-image, lebo potrebujem aby sa obrázok prispôsobil šírke.“ Takže používaš element <img>?
„Ja viem, že exituje background-size, ale IE8 na to nereaguje.“ Sú veci, kde je podpora všetkých prehliadačov dôležitá. Toto nie je ten prípad. Pre staršie Explorery by šlo pridať podmienené štýly s obrázkom, kde nie je potrebná responzivita. Poprípade by sa obrázok nemusel meniť a v staršom IE by ostal napríklad ten pre najčastejšie používané rozlíšenie. Možností je viac, treba vedieť, z čoho možno upustiť, aké náhrady sú možné a robiť kompromisy. |
||
| Marschmallow Profil |
#5 · Zasláno: 6. 4. 2015, 18:45:09
Camo:
Jde to i trošku jinak: Odkaz |
||
| Camo Profil |
#6 · Zasláno: 6. 4. 2015, 18:59:15
Ľudia díky ale už sa mi nechce sa s tým babrať. Nechám to v img nakoniec má 165kb a to sa dá zniesť.
Len sa potrebujem zbaviť bootsrapovského odsadenia padding:15px |
||
| Tomáš123 Profil |
#7 · Zasláno: 6. 4. 2015, 19:13:18
Camo:
„ale už sa mi nechce sa s tým babrať“ Smola, ukážku už som vytvoril. „Len sa potrebujem zbaviť bootsrapovského odsadenia padding:15px“ Konkrétnejšie? |
||
| Camo Profil |
#8 · Zasláno: 6. 4. 2015, 19:48:51
Tomáš123:
Bootstrap pridáva ku kontainerom padding left a right 15px. No keď chcem niečo natiahnuť na 100% tak mám problém. Vyriešil som to zatiaľ pretekaním marginov, ale to nieje celkom čisté riešenie. Kurník, kto im poradil dávať tam tie paddingy...? |
||
| juriad Profil |
#9 · Zasláno: 6. 4. 2015, 19:52:23
Camo:
Přečti si o tom, jak Bootstrap funguje: www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works |
||
| Tomáš123 Profil |
#10 · Zasláno: 6. 4. 2015, 19:56:50
Camo:
Predpokladám, že containerov tam máš tucty a nechceš všetky prerábať... Ak nemá prvok, u ktorého padding nechceš definovaný aj nejaký identifikátor (ktorý má väčšiu prioritu a protideklarácia by prebila nastavenie triedy) môžeš stále použiť inline štýl zápisu CSS (ktorý má najväčšiu prioritu). Deklarovať margin: -30px je ale zdá sa v poriadku.
|
||
| Camo Profil |
#11 · Zasláno: 6. 4. 2015, 20:18:34 · Upravil/a: Camo
Tomáš123
Díky moc ale napr. ja IE9 ani nemám. Inak by som po tom hrabol všetkými 10timi. juriad: Díky, už mi svitlo. Zrušil som padding na col-..... kontainery a sedí to ako riť na šerbel. Tomáš123: Áno dal som tým problémovým blokom idčka a tie majú padding:0. Hotovo. |
||
| Keeehi Profil |
#12 · Zasláno: 6. 4. 2015, 22:29:51
Pro nulování paddingů .containerů má bootstrap připravenou třídu row. Takže prvům, které mají být přes celou šířku containeru bys měl přidat
class="row" a bude to ok.
|
||
|
Časová prodleva: 10 let
|
|||
0