Bootstrap-Karussell-Größenänderungsbild

8

Hi Ich versuche ein Karussell auf meiner Wordpress-Website mit Bootstrap zu machen. Ich möchte vier Blocklinks daneben setzen. Ich habe die Blöcke dort und die Bilder scrollen gut, aber ich glaube, das Karussell verändert die Höhe des Bildes.

Ich habe Bilder (640 x 360) und ich habe die 4 Blöcke 90 Pixel hoch gemacht. Ich tat dies, damit die Blöcke mit dem Boden des Karussells bündig waren. Außer die Blöcke sind zu groß. Ich verstehe nicht, was das Problem sein könnte. Und ich habe das ganze CSS durchsucht.

Hier ist mein Code:

%Vor%     
Jake B 28.06.2013, 04:41
quelle

6 Antworten

16

Der Grund, warum Ihr Bild die Größe ändert, ist, dass es flüssig ist. Sie haben zwei Möglichkeiten, dies zu tun:

  1. Geben Sie Ihrem Bild entweder eine feste Dimension mit CSS wie:

    %Vor%
  2. Eine zweite Möglichkeit, dies zu tun:

    %Vor%
LegendaryAks 28.06.2013, 05:12
quelle
19

füge das zu deiner CSS hinzu:

%Vor%     
Alex Z 20.06.2014 11:02
quelle
1

Ich hatte das gleiche Problem. Sie müssen alle Bilder mit gleicher Höhe und Breite verwenden. Sie können es einfach ändern, indem Sie die Anwendung paint von Windows verwenden, indem Sie die Option zum Ändern der Größe im Home-Bereich verwenden und dann CSS verwenden, um die Größe des Bildes zu ändern. Möglicherweise tritt dieses Problem auf, weil das Attribut width und height im Tag nicht antwortet.

    
Nilkamal Gotarne 30.10.2016 18:57
quelle
0

Ersetzen Sie Ihr Bild-Tag durch

%Vor%

Verwenden Sie das Attribut style und stellen Sie sicher, dass es keine CSS-Klasse für das Bild gibt, die die Bildhöhe und -breite festlegt.

    
sangram parmar 28.06.2013 04:57
quelle
0

Fügen Sie den folgenden Code in den Kopfbereich Ihrer Webseiten-Programmierung ein.

%Vor%     
saeed ahmed 25.02.2017 20:21
quelle
-1

Ich hatte dieses Problem Jahre zurück..aber ich habe das. Alles, was Sie tun müssen, ist die Breite und Höhe des Bildes auf was auch immer Sie wollen .. was ich meine, ist Ihr Bild in Ihrem Karussell inneren ... nicht hinzufügen, die Stilattribut wie "Stil:" (nein nicht das ) aber so etwas und stellen Sie sicher, dass Ihre Codes richtig funktionieren werden ... Viel Glück

    
Moyinoluwa 21.03.2018 23:35
quelle