nicht in der Lage, ein Bild in der Ecke ein responsive

Question

Ich benutze Bootstrap, um eine Landing-Page zu machen, und ich habe Probleme mit der Ausrichtung und Reaktionsfähigkeit. Ich möchte, dass ein Bild in der Ecke des Bildschirms angezeigt wird, aber wenn der Bildschirm kleiner wird, passt es sich ebenfalls an. Es funktioniert nicht mit mir, es bleibt in seiner Position. Es ist das vision.png Bild, das ich bewegen möchte. Ich versuchte Position relativ und absolut, aber kein Glück

<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> 

Answer 1

Vielen Dank, es hat funktioniert. Alles, was ich getan habe, war ein neues div mit class = "col-3-xs" hinzuzufügen und dort das Bild einzufügen.

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>