Bootstrap i paragraf

Thread View: pl.comp.lang.javascript

5 messages

[T] Back to Threads [V] Tree View [G] Group Articles

5 total messages Started by Roman Tyczka Fri, 18 Jan 2019 20:10

#50479

Author: Roman Tyczka
Date: Fri, 18 Jan 2019 20:10

59 lines
2216 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

Re: Bootstrap i paragraf

#50480

Author: NotBear
Date: Sun, 20 Jan 2019 13:14

17 lines
437 bytes

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

Re: Bootstrap i paragraf

#50481

Author: Roman Tyczka
Date: Mon, 21 Jan 2019 08:49

29 lines
945 bytes

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

Re: Bootstrap i paragraf

#50482

Author: Borys =?utf-8?Q?
Date: Mon, 21 Jan 2019 17:22

10 lines
340 bytes

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

Re: Bootstrap i paragraf

#50483

Author: Roman Tyczka
Date: Tue, 22 Jan 2019 12:15

12 lines
352 bytes

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

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads