it-swarm.com.de

twitter bootstrap Karussellgröße

Ich erstelle mit Twitter Bootstrap eine Website für meinen Vater, bis auf eines: Ich kann nicht herausfinden, wie ich:
- Reduzieren Sie die Karussellbreite
- Karussell zentrieren
- Bildlaufpfeile auf dem Bild anzeigen

hier ist die Website, damit Sie die Quelle überprüfen können

Ich bin buchstäblich Zeile für Zeile durch die CSS gegangen und habe jeden Aspekt des Karussells angepasst und dann in meinem Browser überprüft.

Ein weiterer Punkt der Verwirrung ist, dass einige dieser Anpassungen Auswirkungen haben, wenn ich sie in meinem Browser mit teste SHIFT+CTRL+R (notepad ++ öffnet es also in google chrome direkt von meinem Desktop ohne Verwendung eines Servers oder Hosts) und hat einige umständliche Änderungen festgestellt, doch keine dieser Änderungen überträgt sich, wenn ich sie auf das Server.

Ich habe einige andere Posts gesehen, in denen Anpassungen an .carousel Und @image Vorgeschlagen wurden, und habe diese auch ohne Erfolg ausprobiert.

22
user2016949

Sie können die Breite des Karussells einfach mit CSS einstellen. Das Zentrieren eines Blockelements erfolgt mit margin: 0 auto. Ändere nur das CSS von .carousel, der Rest wird automatisch korrekt formatiert.

<div id="myCarousel" class="carousel slide" style="width: 400px; margin: 0 auto">
    ...
</div>

Check out this jsfiddle um zu sehen, dass es funktioniert.

Fügen Sie dem DIV einfach eine Klasse von 'container' mit der ID 'myCarousel' hinzu.

Also das...

<div id="myCarousel" class="carousel slide">

Wird...

<div id="myCarousel" class="carousel slide container">
8
Billy Moat