🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Article View: pl.comp.lang.javascript
Article #51970

Bootstrap i paragraf

#51970
From: Roman Tyczka
Date: Fri, 18 Jan 2019 19:10
60 lines
3006 bytes
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
Technical Details
Message-ID: <rzqz6g6flm2m.dlg@tyczka.com>
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!.POSTED!not-for-mail

Show Full Headers
Complete Article Headers
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.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>
NNTP-Posting-Host: ip-94-75-90-137.wave.com.pl
Mime-Version: 1.0
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
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit