Wie die Darstellung von zwei Bildern auf einer Linie Bootstrap 3

Hallo ich m neu zu bootstrap und ich möchte wissen, wie die Darstellung von zwei Bildern auf eine Zeile und halten Sie die responsive-Funktion.Können Sie mir ein Beispiel nennen ?

 <div class="col-xs-12 col-md-8">
<img src="images/l.jpg" class="img-responsive" alt="Logo">
 </div>
  • wo ist dein css-code??
  • Ich kann nicht sehen Sie zwei Bilder in Ihre HTML-Seite ?
  • Wenn Sie finden die richtige Antwort bitte markieren Sie als korrekt 🙂 Es sollte ein Häkchen dort hehe
InformationsquelleAutor | 2014-01-22
  1. 14

    Sicher, für BS2:

    <div class="row-fluid">
    <div class="span6"><img src="yourimage"/></div>
    <div class="span6"><img src="yourimage"/></div>
</div>

    Für BS3:

    <div class="row">
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div>
    <div class="col-xs-6 col-md-6"><img src="yourimage"/></div>
</div>

    EDIT: 01/03/2017
    Für BS4 (w/FLEXBOX):

    <div class="row">
    <div class="col"><img src="yourimage"/></div>
    <div class="col"><img src="yourimage"/></div>
</div>

    Andere Lösung ist, um zu schweben die Bilder zu den Links:

    <img class="pull-left" src="yourimage"/>
<img class="pull-left" src="yourimage"/>
    InformationsquelleAutor Ignacio Correia
  2. 2

    Es sollte so etwas wie, dass 

    <div class="col-xs-12 col-md-8">
 <div class="row">
  <div class="col-xs-4 col-md-4">
  <img src="images/l.jpg" class="img-responsive" alt="Logo">
  </div>
  <div class="col-xs-4 col-md-4">
  <img src="images/2.jpg" class="img-responsive" alt="Logo">
  </div>
  <div class="col-xs-4 col-md-4">
  <img src="images/2.jpg" class="img-responsive" alt="Logo">
  </div>

 </div>
</div>
    • Ich habe Abweichungen ergeben Frage ich möchte einen 3-te element in die richtige (Bild)?
    • siehe Bearbeiten 🙂
    InformationsquelleAutor semirturgay
Schreibe einen Kommentar