Diskuze: Vertikální centrování

HTML a CSS HTML a CSS Vertikální centrování American English version English version

Avatar
nosekt
Člen
Avatar
nosekt:

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:

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.