21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Camo
Profil
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
Camo:
To co hledáš je zřejmě vlastnost backround-size - http://jecas.cz/max-width-pozadi
Camo
Profil
Taps:
Ja viem, že exituje background-size, ale IE8 na to nereaguje.
Tomáš123
Profil
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
Camo:
Jde to i trošku jinak: Odkaz
Camo
Profil
Ľ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
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
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
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
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
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
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.

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