Bootstrap nie działa justify-content

pytanie zadane 17 lipca 2023 w HTML i CSS przez Skulak Nowicjusz (220 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ź

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