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

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

c - double free or corruption (fasttop) -