Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Vertikální centrování

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

Aktivity (1)
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: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.