Hamburger-Menü erstellen

html.de-Forum HTML, XHTML & CSS
1

Hallo zusammen,

die ersten Schritte mit HTML, CSS und JavaScript habe ich bereits gemacht. Natürlich möchte ich meine Seite auch auf Responsive nutzen können und frage mich immer wie Leute dieses Hamburger-Menü bei der Umschaltung von Web auf Mobil hinbekommen?

Mit

weise ich ja an, dass sich die Breite der Website an das Endgerät (mobil) anpassen soll?

Vielen Dank für Eure Hilfe,

2

Wenn hier kein Framework wie http://getbootstrap.com/ gefragt sein sollte, das die Aufgabe übernimmt…

Hamburger-Menü erstellen → Ein horizontales Dropdown-Menü responsive gestalten

Moderation: Von HTML nach CSS verschoben.

3

Danke für die Antwort. Bootstrap habe ich mir auch schon angesehen, leider funktioniert die Einbindung einer Vorlage irgendwie nicht.

Ich habe:

[CODE]

TODO supply a title 
<!-- Optionales Theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<!-- Das neueste kompilierte und minimierte JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
   
</body>
[/CODE]
4

Redest Du von http://getbootstrap.com/components/#navbar-default ?

5

Hier zum Beispiel wie ich jetzt die Vorlage Carousel einfügen kann:

http://getbootstrap.com/getting-started/#download

6

Verstehe das Problem nicht.

http://getbootstrap.com/examples/carousel/

Oder einfach das Template im Package herunterladen: https://github.com/twbs/bootstrap/archive/v3.3.6.zip

7

Aber wo füge ich denn diesen Link ein?

http://getbootstrap.com/examples/carousel/

Das ist mein Problem :frowning:

8

Nirgends - wozu auch?

Der Quellcode des Carousel-Templates beantwortet eigentlich Deine Frage nach dem wie.

Dein Problem sind dem Anschein nach wohl eher mangelnde Grundkenntnisse mit Code-Snippets umzugehen.

9

Sorry, ich stand gerade sowas von auf dem Schlauch, jetzt habe ich geschafft :slight_smile:

Vielen Dank für deine Hilfe.

10

Uii, da haben wir aber nochmal Glück gehabt :smiley:

Gerne :slight_smile:

11

Nur für’s Protokoll :cool:

[code=html] 


</body>
[/code]Gehört für eine funktionstüchtige Arbeitsweise so: [code=html] 
<!-- Das neueste kompilierte und minimierte JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>   
</body>
[/code]