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: Enter image details here

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

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -