twitter bootstrap - Two containers overlap -
I created a new container after an existing container (background image set). The newly added container is overlapped with the old I have increased the padding top and it works well, but is it necessary for all the container sections to be used? View image () ..
& lt; Div class = "row" & gt; & Lt; Div class = "col-lg-5 col-lg-offset-1 col-xs-5 col-xs-offset-1" & gt; & Lt; Img src = "picture / logo-1png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div class = "col-lg-5 col-lg-offset-1 col-xs-5 col-xs-offset-1" & gt; & Lt; Img src = "picture / logo-2.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; -! Line - & gt; & Lt; / Div & gt; & Lt ;! - Second container - & gt; & Lt; Div class = "container is-bg1" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-lg-4 col-xs-4" & gt; & Lt; Img src = "picture / blueprint_logo1.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div class = "col-lg-4 col-xs-4" & gt; & Lt; Img src = "picture / blueprint_logo2.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div class = "col-lg-4 col-xs-4" & gt; & Lt; Img src = "picture / blueprint_logo3.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - line - & gt;
CSS: .container.has-bg {background-image: url (image / book_bg.); Background size: cover; } .container.has-bg1 {background-image: url (images / blueprint page); Background size: cover;
Have you used an .oour inside the container?
& lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-lg-12" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; It is not necessary to change the container every time. You can only put everything inside a container
& lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-lg-12" & gt; First line content & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-lg-12" & gt; Second line content & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
Comments
Post a Comment