IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
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í.
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
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.