Bilder reagieren mit Bootstrap

Ich versuche, diese Bilder reagieren, wenn wir es mit einem Telefon sehen. Wenn ich es jetzt benutze, nimmt jedes dieser Bilder die ganze Breite des Bildschirms ein ... Ich brauche es responsiv.Bilder reagieren mit Bootstrap

The images I am talking about : und hier ist der Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Signature Helpers - En Marche</title> 
    </head> 
    <body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"> 
      <div> 
      <a href="https://www.en-marche.fr/suivez-en-marche/?utm_source=SIGNATURE&utm_campaign=SIGNATURE&utm_medium=MAIL"> <img src="https://storage.googleapis.com/en-marche-fr/COMMUNICATION/SIGNATURE-E-MAIL/Signature_suivez_nous.png" height="28"/></a><span><a href="https://www.facebook.com/EnMarche"><img src="https://storage.googleapis.com/en-marche-fr/COMMUNICATION/SIGNATURE-E-MAIL/Signature_facebook.png" height="28"/></a><span><a href="https://www.instagram.com/enmarchefr/"><img src="https://storage.googleapis.com/en-marche-fr/COMMUNICATION/SIGNATURE-E-MAIL/Signature_insta.png" height="28"/></a><span><a href="https://twitter.com/enmarchefr"><img src="https://storage.googleapis.com/en-marche-fr/COMMUNICATION/SIGNATURE-E-MAIL/Signature_twitter.png" height="28"/></a><span> 
      <br> 
      <a href="https://storage.googleapis.com/en-marche-fr/Territoire/EN-MARCHE-KIT-DE-L-ENGAGE.pdf"> <img src="https://storage.googleapis.com/en-marche-fr/COMMUNICATION/SIGNATURE-E-MAIL/Signature_kit.png" height="28"/></a> 
      <a href="https://www.en-marche.fr/espaceperso/?utm_source=SIGNATURE&utm_campaign=SIGNATURE&utm_medium=MAIL"><img src="https://storage.googleapis.com/en-marche-fr/COMMUNICATION/SIGNATURE-E-MAIL/Signature_comite%CC%81s.png" height="28"/></a> 
      <br> 
      <a href="https://www.en-marche.fr/?utm_source=SIGNATURE&utm_campaign=SIGNATURE&utm_medium=MAIL"> <img src="https://storage.googleapis.com/en-marche-fr/COMMUNICATION/SIGNATURE-E-MAIL/Signature_site.png" height="28"/></a> 
     </div> 
    </body> 
</html>

Danke für die Hilfe!

Quelle

2016-12-13 amarc27

Sie in der Klasse setzen müssen schreiben die reaktions Wert, wie folgt:

<img class="img-responsive" src="images/example.png" alt="">

Quelle

2016-12-13 23:48:23 Mvram

wie von M. Doe beantwortet Ihnen Bootstrap-Klasse img-responsive

<img class="img-responsive" src="images/pic.png" alt="">

oder Sie können unter CSS verwenden können

img{ 
    max-width: 100%; 
    height: auto; // to maintain aspect ratio 
}

dies wird sicherstellen, dass Ihre img max Breite nicht mehr diese Bildschirmbreite oder Browserbreite

Quelle

2016-12-14 01:28:00 Rahul

Bilder reagieren mit Bootstrap

Antwort

Verwandte Themen