znaczacy > comp.lang.* > comp.lang.javascript

Roman Tyczka (18.01.2019, 21:10)
Mam problem z szablonem w bootstrapie, chodzi o paragrafy z tekstem,
powinny byc blokami, a sa niezawiniete i wchodzace na siebie:



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 moze byc przyczyna tego problemu?
NotBear (20.01.2019, 14:14)
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 moze byc przyczyna tego problemu?


Przyczyna jest poza pokazanym fragmentem i nie jest to równiez
Bootstrap. Tu dziala:



Inspekcja w dlon i szukaj jaki CSS czy JS ustawia Ci
`white-space:nowrap` na paragrafach.
Roman Tyczka (21.01.2019, 09:49)
On Sun, 20 Jan 2019 13:14:49 +0100, NotBear wrote:

> Nie ma takiej klasy `features-clean` w podanym kodzie. Ale to nieistotne.
> Przyczyna jest poza pokazanym fragmentem i nie jest to równiez
> Bootstrap. Tu dziala:
>
> Inspekcja w dlon i szukaj jaki CSS czy JS ustawia Ci
> `white-space:nowrap` na paragrafach.


Wyglada jakby jednak bootstrap, ale jeszcze slabo sie w tych CSSach
odnajduje i inspekcja tez mi jeszcze wiele nie mówi:



Co znaczy w inspektorze skreslona wlasciwosc, tak jak to pierwsze
white-space?

ps. jak oba te text-space odptaszkuje w inspektorze to sie wyswietla
poprawnie, czyli co i gdzie musze dopisac by to overridowac?
Borys Pogorelo (21.01.2019, 18:22)
Dnia Mon, 21 Jan 2019 08:49:19 +0100, Roman Tyczka napisal(a):

> ps. jak oba te text-space odptaszkuje w inspektorze to sie wyswietla
> poprawnie, czyli co i gdzie musze dopisac by to overridowac?


Przeciez wyraznie widac na grafice, ze masz te klase przypisana do elementu
<body/>.
Roman Tyczka (22.01.2019, 13:15)
On Mon, 21 Jan 2019 17:22:33 +0100, Borys Pogorelo wrote:

>> ps. jak oba te text-space odptaszkuje w inspektorze to sie wyswietla
>> poprawnie, czyli co i gdzie musze dopisac by to overridowac?

> Przeciez wyraznie widac na grafice, ze masz te klase przypisana do elementu
> <body/>.


Sorry, ucze sie :-P
Podobne wątki