NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Porozumění bootstrap gridu

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
tbartolen
Člen
Avatar
tbartolen:19.4.2016 16:33

Ahoj,
Po kritice na moje výtvory tady na foru jsem se rozhodl k rapidní změně mýho přístupu a naučit se boostrap. Budu ale mít asi hodně otázek...moje první...snažím se udělat si nějaký Bootstrap grid pro velké obrazovky..Můj kód

<div class="container">
        <div class="row">
                <div class="col-lg-3">
                <h4>Proč být Keltem?</h4>
                </div>
                <div class="col-lg-3">
                <h4>Proč být Keltem?</h4>
                </div>
                <div class="col-lg-3">
                <h4>Proč být Keltem?</h4>
                </div>
        </div>

Chtěl bych teď každé okno ostylovat trochu jinak. Například dát mu jiný margin, každému jiné pozadí a tak podobně. Ale pokud každé okno obalím dodalšího divu, tak tím ztratím responzivitu.­.myslím to takhle:

<div class="container">
        <div class="row">
                <div class="col-lg-3">
                        <div class="border">
                                <h4>Proč být Keltem?</h4>
                        </div>
                </div>
                <div class="col-lg-3">
                        <div class="border">
                                <h4>Proč být Keltem?</h4>
                        </div>
                </div>
                <div class="col-lg-3">
                        <div class="border">
                                <h4>Proč být Keltem?</h4>
                        </div>
                </div>
        </div>

A CSS:

.border {
        border: solid 1px black;
        padding-left: 10px;
}

Je takovýhle postup správně? Zabalit to celé do bootstrap gridu, a v něm si vytvářet další divy podle potřeby a upravovat si je?
Děkuji za radu! =)

Odpovědět
19.4.2016 16:33
Navštiv www.fb.com/skkelticz
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na tbartolen
Neaktivní uživatel:19.4.2016 19:28

Ahoj, promiň za mou krátkou odpověď, ale nevím, co jiného bych dodal:

Ano, v Bootstrapu se to tak normálně dělá.

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
19.4.2016 19:28
Neaktivní uživatelský účet
Avatar
tbartolen
Člen
Avatar
Odpovídá na Neaktivní uživatel
tbartolen:19.4.2016 20:30

stačí, díky :D

Nahoru Odpovědět
19.4.2016 20:30
Navštiv www.fb.com/skkelticz
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.