Es ist ein Standard-Bootstrap-Karussell und ich möchte die Größe des IMG ändern, so dass es die div-Größe passt. Immer wenn die Fenstergröße geändert wird, wird das div größer als das Bild und das scheint einfach nicht zu reagieren und kommt unordentlich aus. hier ist mein HTML-Code für eine der Folien in KarussellWie ändere ich die Größe des img im Karussell, um die Größe des div anzupassen, wenn ich die Fenstergröße ändere?
<!--wrapper for slides -->
<!--Item one -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="../Images/bloodDonation.jpg" alt="Blood Donation" />
<div class="carousel-caption">
<h1>Donate Blood </h1>
</div>
</div>
This is what the div looks like when window is resized
Meine Idee es aktuelle div Größe durch jquery und weitergeben an den img-Tag zu bekommen war, so dass es; s immer ansprechbar, aber Ich bin nicht zur Technik gekommen, bitte helft mir. Vielen Dank.
Es löst zwar das Höhenproblem, aber es ruiniert das Seitenverhältnis des Bildes. Nur ein Teil des Bildes ist sichtbar. Irgendeine Idee wie kann ich die Breite manipulieren? – Derp
das könnte helfen: http: //stackoverflow.com/questions/14119577/how-to-make-the-image-scale-to-full-height-in-bootstrap-carousel –