2017-10-27 12 views
1

Ich habe ein Bootstrap-Karussell (Full Screne Intro) auf meiner Website eingebaut, das perfekt auf großen Geräten funktioniert, aber auf dem mobilen Gerät zeigt es nur das linke Drittel des Karussellbildes, aber ich möchte, dass es die Mitte des Bildes ist. Also ich denke, eine gute Lösung wäre, 3 verschiedene Setups für große Geräte, Tablet und Handy mit verschiedenen Versionen des Bildes zu machen, um sicherzustellen, dass es den Fokus hat, den ich will. Das sollte funktionieren, indem alle anderen Karussell-Setups versteckt werden, aber zum Beispiel das für Mobile (wenn es auf einem kleinen Gerät ist). wenn es auf PC alles außer diesem für großes Gerät, ... usw. versteckt.Wie Bootstrap Karussell für Tablet, Handy und breiteres Gerät mit 3 verschiedenen Setups ändern?

Ich möchte nicht etwas auf dem mobilen Gerät auf dem Karussell hinzufügen, ich möchte das Karussell-Schiebereglerbild ändern (aber nur, wenn ein mobiles Gerät verwendet wird).

Das Karussell für große Geräte ist in einem div mit der ID „Karussell“ so ich so zum Beispiel versuchte, Karussell mit großen Bild auf kleine/mobile Geräte zu verstecken:

@media (max-width:800px) { 
    #carousel { 
     display:none !important; 
    } 
} 

nicht für mich arbeiten obwohl. Vielleicht kann mir jemand helfen! Wäre sehr dankbar, danke! : 3

+0

Mögliche Duplikate von [So machen Sie Bootstrap Karussell Slider verwenden mobile links/rechts Swipe] (https://stackoverflow.com/questions/21349984/how-to-make-bootstrap-carousel-slider-use-mobile-left (rechts-wischen) – WMomesso

+0

Ok, aber ich möchte nicht etwas auf dem mobilen Gerät auf dem Karussell hinzufügen, ich möchte das Karussell-Schiebereglerbild ändern (aber nur wenn mobiles Gerät verwendet wird). – Upendo

Antwort

1

Mit Bootstrap können Sie sich je nach Bildschirmgröße verstecken. On this page, gehen Sie zum Abschnitt Responsive Utilities. Du wirst Dinge wie ".hidden-xs" oder ".hidden-lg" sehen. Sie müssten mehrere Karussells erstellen - eines für Mobilgeräte, eines für Tablets, eines für Desktops. Aber das könnte das sein, wonach Sie suchen.

+1

danke, hat sich super ausgearbeitet, jetzt kann ich auf allen Geräten ein Vollbild-Intro haben! Ich weiß nicht, wie ich dazu gekommen bin. : ---) – Upendo

Verwandte Themen