How to center a row with images(Top/bottom)..Bootstrap-3 -
I am trying to align images inside a div line (with background image). To align images (left-> right) I am using offset but now my row appears above the container and now if I put margin-top in line then it works for desktop But mobile / tablet affects responsiveness. A container can help me align the row inside.
& lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Img src = "picture / blueprint.png" class = "img-responsive" id = "book-img" /> & Lt; Div class = "colonel-LG-4 black-MD-4 call-SM-4 pen-xs-4" & gt; & Lt; Img src = "picture / blueprint_logo1.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div class = "colonel-LG-4 black-MD-4 call-SM-4 pen-xs-4" & gt; & Lt; Img src = "picture / blueprint_logo2.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; Div class = "colonel-LG-4 black-MD-4 call-SM-4 pen-xs-4" & gt; & Lt; Img src = "picture / blueprint_logo3.png" class = "img-responsive" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; CSS:
# book-img {status: absolute; Background position: center; }
If you are looking for all of the container Background, this should work:
.container.has-bg {background-image: url (http://placehold.it/200x200/990000); Background size: cover; }
Comments
Post a Comment