• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Bootstrap nie działa justify-content

VPS Starter Arubacloud
0 głosów
211 wizyt
pytanie zadane 17 lipca 2023 w HTML i CSS przez Skulak Nowicjusz (240 p.)
            <div class="container-fluid">
               <div class="row d-flex flex-row align-items-center justify-content-evenly">
                <div class="col d-flex flex-column align-items-start justify-content-between">
                    <img src="img/icons/icon1.svg" alt="icon">
                    <p class="number pink number__bigger">721</p>
                    <p class="text__section2">Aliquam ac dui vel dui vulputate consectetur. Mauris massa.</p>
                </div>
                <div class="col d-flex flex-column align-items-start justify-content-between">
                    <img src="img/icons/icon2.svg" alt="icon">
                    <p class="number pink number__bigger text-uppercase">16 kg</p>
                    <p class="text__section2">Aliquam ac dui vel dui vulputate consectetur. Mauris massa.</p>
                </div>
                <div class="col d-flex flex-column align-items-start justify-content-between">
                    <img src="img/icons/icon3.svg" alt="icon">
                    <p class="number pink number__bigger">84</p>
                    <p class="text__section2">Aliquam ac dui vel dui vulputate consectetur. Mauris massa.</p>
                </div>
             </div>

Cześć czy możecie mi wytłumaczyć czemu nie justify-content nie działa zarówno w przypadku "row" jak "col"?

1 odpowiedź

0 głosów
odpowiedź 18 lipca 2023 przez spamator12 Nałogowiec (28,230 p.)
Moze maja przypisane klasy, ktore nadpisuja? Sprawdz kolejnosc. Inline > internal > external (*.css), wiec jak co mozesz szybko przetestowac co i jak.
komentarz 20 lipca 2023 przez Skulak Nowicjusz (240 p.)

Sprawdzałem, żadna klasa nie nadpisuje. W narzędziach deweloperskich pokazuje mi, że justify-content jest aktywne. Zastanawia mnie tylko czy może mieć wpływ wyłączone displey: flex w .row...

komentarz 20 lipca 2023 przez spamator12 Nałogowiec (28,230 p.)
No to sprawdz :) Czasami pomaga dyrektywa "!important" aby cos na sile nadpisac.

W razei czego mozesz tez stworzyc uproszczony projekt, gdzie bedziesz testowal sobie wybrane wlasciwosci - to sie przydaje przy np flexie - sa stronki gdzie mozesz wrzucac kod i od razu widac czy jest sii zamiast wciaz odswiezac/podgladac w developer tools.

Podobne pytania

0 głosów
2 odpowiedzi 698 wizyt
pytanie zadane 14 stycznia 2021 w HTML i CSS przez Rever Początkujący (290 p.)
0 głosów
2 odpowiedzi 624 wizyt
pytanie zadane 19 listopada 2019 w HTML i CSS przez Kimi Bywalec (2,050 p.)
0 głosów
1 odpowiedź 283 wizyt

92,770 zapytań

141,695 odpowiedzi

320,518 komentarzy

62,107 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...