Groups > pl.comp.lang.javascript > #3558

Bootstrap i paragraf

From	Roman Tyczka <noemail@because.no>
Newsgroups	pl.comp.lang.javascript
Subject	Bootstrap i paragraf
Date	2019-01-18 20:10 +0100
Organization	ATMAN - ATM S.A.
Message-ID	<rzqz6g6flm2m.dlg@tyczka.com> (permalink)

Show all headers | View raw

Mam problem z szablonem w bootstrapie, chodzi o paragrafy z tekstem,
powinny być blokami, a są niezawinięte i wchodzące na siebie:

http://snap.ashampoo.com/CxiKlpMQ9WX8b6e41md9vyj3Kg96m1cOSkZ9ZHqY9IXag55BjAA9Yk1EqZc5vemj

html:

<div class="row features">
    <div class="col-sm-6 col-lg-4 item"><i class="fa fa-map-marker
icon"></i>
        <h3 class="name">Works everywhere</h3>
        <p class="description">Aenean tortor est, vulputate quis leo in,
vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam
varius finibus est.</p>
    </div>
    <div class="col-sm-6 col-lg-4 item"><i class="fa fa-clock-o icon"></i>
        <h3 class="name">Always available</h3>
        <p class="description">Aenean tortor est, vulputate quis leo in,
vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam
varius finibus est.</p>
    </div>
    <div class="col-sm-6 col-lg-4 item"><i class="fa fa-list-alt icon"></i>
        <h3 class="name">Customizable</h3>
        <p class="description">Aenean tortor est, vulputate quis leo in,
vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam
varius finibus est.</p>
    </div>
    <div class="col-sm-6 col-lg-4 item"><i class="fa fa-leaf icon"></i>
        <h3 class="name">Organic</h3>
        <p class="description">Aenean tortor est, vulputate quis leo in,
vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam
varius finibus est.</p>
    </div>
    <div class="col-sm-6 col-lg-4 item"><i class="fa fa-plane icon"></i>
        <h3 class="name">Fast</h3>
        <p class="description">Aenean tortor est, vulputate quis leo in,
vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam
varius finibus est.</p>
    </div>
    <div class="col-sm-6 col-lg-4 item"><i class="fa fa-phone icon"></i>
        <h3 class="name">Mobile-first</h3>
        <p class="description">Aenean tortor est, vulputate quis leo in,
vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam
varius finibus est.</p>
    </div>
</div>

css od klasy paragrafu:

.features-clean .item .description {
  font-size: 15px;
  margin-bottom: 0;
}

Co może być przyczyną tego problemu?

-- 
pozdrawiam
Roman Tyczka

Back to pl.comp.lang.javascript | Previous | Next — Next in thread | Find similar

Thread

Bootstrap i paragraf Roman Tyczka <noemail@because.no> - 2019-01-18 20:10 +0100
  Re: Bootstrap i paragraf NotBear <paulcomHATESPAM@interia.pl> - 2019-01-20 13:14 +0100
    Re: Bootstrap i paragraf Roman Tyczka <noemail@because.no> - 2019-01-21 08:49 +0100
      Re: Bootstrap i paragraf Borys Pogoreło <borys@pl.edu.leszno> - 2019-01-21 17:22 +0100
        Re: Bootstrap i paragraf Roman Tyczka <noemail@because.no> - 2019-01-22 12:15 +0100

csiph-web