html - Container-Fluid has little padding on each side of the cols -
I want a liquid container that is more than 100% of my screen. The problem is that advertisements are bootstrapped for padding in each call so that the total width is more than 100%. Adding a "no-padding" class to each colony probably works, but it can not be the right solution, or
It's strange, it works correctly in my JSField in my project :
In my project:
& lt; Div id = "section1" & gt; & Lt; Div class = "container-liquid" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-lg-2" & gt; Test & lt; / Div & gt; & Lt; Div class = "col-lg-2" & gt; Test & lt; / Div & gt; & Lt; Div class = "col-lg-2" & gt; Test & lt; / Div & gt; & Lt; Div class = "col-lg-2" & gt; Test & lt; / Div & gt; & Lt; Div class = "col-lg-2" & gt; Test & lt; / Div & gt; & Lt; Div class = "col-lg-2" & gt; Test & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; # Section 1 {max-width: 100%; }
It looks like:
Add a zero padding to the container-fluid
:
.container-fluid {padding-left: 0; Padding-right: 0;
Like this:
Note: I also applied it on the right side because I think you want there too.
Comments
Post a Comment