Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > pl.comp.lang.javascript > #3558 > unrolled thread

Bootstrap i paragraf

Started byRoman Tyczka <noemail@because.no>
First post2019-01-18 20:10 +0100
Last post2019-01-22 12:15 +0100
Articles 5 — 3 participants

Back to article view | Back to pl.comp.lang.javascript

Contents

  Bootstrap i paragraf Roman Tyczka <noemail@because.no> - 2019-01-18 20:10 +0100
    Re: Bootstrap i paragraf NotBear <paulcomHATESPAM@interia.pl> - 2019-01-20 13:14 +0100
      Re: Bootstrap i paragraf Roman Tyczka <noemail@because.no> - 2019-01-21 08:49 +0100
        Re: Bootstrap i paragraf Borys Pogoreło <borys@pl.edu.leszno> - 2019-01-21 17:22 +0100
          Re: Bootstrap i paragraf Roman Tyczka <noemail@because.no> - 2019-01-22 12:15 +0100

#3558 — Bootstrap i paragraf

FromRoman Tyczka <noemail@because.no>
Date2019-01-18 20:10 +0100
SubjectBootstrap i paragraf
Message-ID<rzqz6g6flm2m.dlg@tyczka.com>
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

[toc] | [next] | [standalone]

#3559

FromNotBear <paulcomHATESPAM@interia.pl>
Date2019-01-20 13:14 +0100
Message-ID<q21onq$ucq$1@node1.news.atman.pl>
In reply to#3558
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

[toc] | [prev] | [next] | [standalone]

#3560

FromRoman Tyczka <noemail@because.no>
Date2019-01-21 08:49 +0100
Message-ID<1ildqrxdiareh$.dlg@tyczka.com>
In reply to#3559
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

[toc] | [prev] | [next] | [standalone]

#3561

FromBorys Pogoreło <borys@pl.edu.leszno>
Date2019-01-21 17:22 +0100
Message-ID<jbrxsc4az6.lsb228q26k9q.dlg@40tude.net>
In reply to#3560
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

[toc] | [prev] | [next] | [standalone]

#3562

FromRoman Tyczka <noemail@because.no>
Date2019-01-22 12:15 +0100
Message-ID<1hzk9d9s1scj4$.dlg@tyczka.com>
In reply to#3561
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

[toc] | [prev] | [standalone]

Back to top | Article view | pl.comp.lang.javascript

csiph-web