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?

--
pozdrawiam
Roman Tyczka

[NotBear]

W dniu 2019-01-18 o 20:10, Roman Tyczka pisze:

> .features-clean .item .description {

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

> 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.

--
NotBear

[Roman Tyczka]

On Sun, 20 Jan 2019 13:14:49 +0100, NotBear wrote:

>> .features-clean .item .description {
>
> Nie ma takiej klasy `features-clean` w podanym kodzie. Ale to nieistotne.
>
>> 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.

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

http://snap.ashampoo.com/uploads/2019-01-21/rzoHGPKIL9lsbcOK1xQRnyPY2j8rWMDIhRqoc2WN1db3FqhAiXsVQdpMMo8e2CMC.png

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ć?

--
pozdrawiam
Roman Tyczka

[Borys Pogoreło]

Dnia Mon, 21 Jan 2019 08:49:19 +0100, Roman Tyczka napisał(a):

> 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/>.

--
Borys Pogoreło
borys(#)leszno,edu,pl

[Roman Tyczka]

On Mon, 21 Jan 2019 17:22:33 +0100, Borys Pogoreło wrote:

>> 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

--
pozdrawiam
Roman Tyczka