NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Vertikální centrování

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

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
nosekt
Člen
Avatar
nosekt:5.2.2015 11:18

Ahoj, dělám stránku s pomocí Bootstrap frameworku a potřeboval bych vertikálně vycentrovat list podle obrázku. Prosím o radu.

HTML

<div class="row">
            <div class="box">
                <div class="col-lg-12">
                    <hr>
                    <h2 class="intro-text text-center">Čím se
                        <strong>zabýváme</strong>
                    </h2>
                    <hr>
                    <img class="img-responsive img-left thumbnail" src="img/intro-pic.jpg" alt="">
                    <hr class="visible-xs">
                    <ul class="list-unstyled intro-text">
                      <li>Rekonstrukce bytů, bytových a rodinných domů</li>
                      <li>Stavby rodinných domů</li>
                      <li>Zateplování fasád</li>
                      <li>Rekonstrukce koupelen</li>
                      <li>Zemní práce</li>
                    </ul>
                </div>
            </div>
        </div>

CSS

.box {
    margin-bottom: 20px;
    padding: 30px 15px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.intro-text {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
}

Zbytek CSS jsou třídy, které jsou součástí Bootstrapu.

 
Odpovědět
5.2.2015 11:18
Avatar
Vojtěch Pospíchal
Tvůrce
Avatar
Vojtěch Pospíchal:5.2.2015 12:15

http://jsfiddle.net/1yco5udh/ Proč to nepoužít když to bootstrap nabízí.

 
Nahoru Odpovědět
+2
5.2.2015 12:15
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 2 zpráv z 2.