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

Bootstrap i paragraf

Path	csiph.com!news.mixmin.net!news.unit0.net!news.nask.pl!news.nask.org.pl!newsfeed2.atman.pl!newsfeed.atman.pl!.POSTED!not-for-mail
From	Roman Tyczka <noemail@because.no>
Newsgroups	pl.comp.lang.javascript
Subject	Bootstrap i paragraf
Date	Fri, 18 Jan 2019 20:10:08 +0100
Organization	ATMAN - ATM S.A.
Lines	60
Sender	romek@tyczka.no.found
Message-ID	<rzqz6g6flm2m.dlg@tyczka.com> (permalink)
NNTP-Posting-Host	ip-94-75-90-137.wave.com.pl
Mime-Version	1.0
Content-Type	text/plain; charset="utf-8"
Content-Transfer-Encoding	8bit
X-Trace	node1.news.atman.pl 1547838608 13779 94.75.90.137 (18 Jan 2019 19:10:08 GMT)
X-Complaints-To	usenet@atman.pl
NNTP-Posting-Date	Fri, 18 Jan 2019 19:10:08 +0000 (UTC)
User-Agent	40tude_Dialog/2.0.15.84
Xref	csiph.com pl.comp.lang.javascript:3558

Show key headers only | 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