Bootstrap 4 Problem z container-fluid

Question

Witam!

Dawno nie używałem bootstrapa i mam problem...

Gdy używam poniższej konfiguracji to zostają mi odstępy po 10px z lewej jak i prawej strony:
 

<div class="container-fluid">

<div class="row">

<div class="moj-div"></div>

</div>

</div>

Z kolei gdy użyję następującej konfiguracji to tracę responsywność:

<div class="moj-div">

<div class="container-fluid">

<div class="row">

</div>

</div>


</div>

 

Zależy mi żeby sobie poradzić z tym problemem, bo klient chce mieć bootstrapa w swoim projekcie a tu taki zonk mnie złapał.

 

Pozdrawiam!

Answer 1

Patrząc na klasę container-fluid, posiada ona padding z lewej i z prawej strony po 15px. Jeżeli chcesz się tego pozbyć, proponuje nadpisać tą klasę we własnych stylach CSS:

.container-fluid {
    padding: 0 !important;
}

 

Comments

Dziękować stary ;)

Jak się kiedyś spotkamy na niebiańskich polach jakieś konferencji to wiszę browara. Niby banał a ratuje życie.

Answer 2

Masz gdzieś postawioną tę stronę? Albo czy chociaż mógłbyś wkleić kod na jsfiddle albo codepen żeby luknąć jak to się zachowuje?