css - unable to make an image in the corner an responsive -
i using bootstrap make landing page , having trouble alignment , responsiveness. want image in corner of screen when screen gets smaller adjusts well. it's not working me, stays in position. it's vision.png image want move. tried position relative , absolute, no luck
<header> <div class="container"> <div class="row"> <div class="col-lg-12"> <img class="img-responsive" src="img/vision.png" alt=""> <div class="intro-text"> <!-- <span class="name">text here</span>--> <!-- <hr class="star-light"> --> <img class="img-responsive" src="img/logo.png" alt=""> <span class="skills">more text here</span> </div> </div> </div> </div> </header>
thanks all, worked. did add new div class="col-3-xs" , put in image there.
code:
<div class="container"> <div class="row"> <div class="col-xs-3 vision"><img class="img-responsive" src="img/vision.png" alt=""></div> <div class="col-lg-12"> <img class="img-responsive" src="img/logo.png" alt=""> <div class="intro-text"> <!-- <span class="name">text</span>--> <!-- <hr class="star-light"> --> <!-- <span class="skills">text</span> --> </div> </div> </div> </div>
Comments
Post a Comment