Bootstrap i paragraf

[Roman Tyczka]

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?

[NotBear]

Post by Roman Tyczka
.features-clean .item .description {

Nie ma takiej klasy `features-clean` w podanym kodzie. Ale to nieistotne.

Post by Roman Tyczka
Co może być przyczyną tego problemu?

Przyczyna jest poza pokazanym fragmentem i nie jest to również
Bootstrap. Tu działa:

https://codepen.io/anon/pen/roXoJE

Inspekcja w dłoń i szukaj jaki CSS czy JS ustawia Ci
`white-space:nowrap` na paragrafach.

[Roman Tyczka]

Post by NotBear

Post by Roman Tyczka
.features-clean .item .description {

Nie ma takiej klasy `features-clean` w podanym kodzie. Ale to nieistotne.

Post by Roman Tyczka
Co może być przyczyną tego problemu?

Przyczyna jest poza pokazanym fragmentem i nie jest to również
https://codepen.io/anon/pen/roXoJE
Inspekcja w dłoń i szukaj jaki CSS czy JS ustawia Ci
`white-space:nowrap` na paragrafach.

Wygląda jakby jednak bootstrap, ale jeszcze słabo się w tych CSSach
odnajduję i inspekcja też mi jeszcze wiele nie mówi:

Loading Image...

Co znaczy w inspektorze skreślona właściwość, tak jak to pierwsze
white-space?

ps. jak oba te text-space odptaszkuję w inspektorze to się wyświetla
poprawnie, czyli co i gdzie muszę dopisać by to overridować?

[Borys Pogoreło]

Post by Roman Tyczka
ps. jak oba te text-space odptaszkuję w inspektorze to się wyświetla
poprawnie, czyli co i gdzie muszę dopisać by to overridować?

Przecież wyraźnie widać na grafice, że masz tę klasę przypisaną do elementu
<body/>.

[Roman Tyczka]

Post by Borys Pogoreło

Post by Roman Tyczka
ps. jak oba te text-space odptaszkuję w inspektorze to się wyświetla
poprawnie, czyli co i gdzie muszę dopisać by to overridować?

Przecież wyraźnie widać na grafice, że masz tę klasę przypisaną do elementu
<body/>.

Sorry, uczę się :-P