• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Hamburger-Menü erstellen

Status
Für weitere Antworten geschlossen.
1

123michi19

Neues Mitglied
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
<meta name="viewport" content="width=device-width, initial-scale=1" />

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

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

Ich habe:

Code: 
<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Das neueste kompilierte und minimierte CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- 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>
</html>
 
123michi19 schrieb:
Danke für die Antwort. Bootstrap habe ich mir auch schon angesehen, leider funktioniert die Einbindung einer Vorlage irgendwie nicht.

Ich habe:

Code: 
<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Das neueste kompilierte und minimierte CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- 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>
</html>
Zum Vergrößern anklicken....
Redest Du von http://getbootstrap.com/components/#navbar-default ?http://getbootstrap.com/components/#navbar-default
 
Sorry, ich stand gerade sowas von auf dem Schlauch, jetzt habe ich geschafft :-)

Vielen Dank für deine Hilfe.
 
Nur für's Protokoll :cool:
HTML: 
    <!-- Das neueste kompilierte und minimierte JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
    <body>
     
    </body>
</html>
Gehört für eine funktionstüchtige Arbeitsweise so:
HTML: 
    </head>
    <body>

    <!-- Das neueste kompilierte und minimierte JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>   
    </body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben