BLACK FRIDAY - Největší IT akce roku. Získej až 80 % kreditů navíc nebo využij slevy až 80 % na e-learning. Ale pozor, akce platí pouze do 30. 11. 2025.
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. 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.