Wie fange ich mit Bootstrap an?

  • Hallo,


    ich habe mich dazu entschlossen mal Bootstrap auszuprobieren.
    Leider ist der Einstieg nicht so einfach für mich.
    Auf folgender Seite habe ich mir Bootstrap heruntergeladen:
    http://getbootstrap.com/getting-started/


    Jetzt würde ich aber gerne das Template "Fixed navbar" einbauen.
    An sich funktioniert es wenn ich das komplette Bootstrap-Repository in einen Ordner packe und die Template-Seite unter docs/examples aufrufe.
    Leider verlangen es die Verweise, zu den einzelnen benötigten Dateien, die Ordnerstruktur beizubehalten, was etwas unpraktisch ist, wenn man immer alle Templates mit verschiebt.
    Gibt es da eine einfachere Möglichkeit, als jeden einzelnen Verweis zu verschieben und verändern?



    MfG

  • Du musst folgendes in deinen HTML-Head packen:

    HTML
    <link href="[ORDNER MIT BOOTSTRAP]/bootstrap.min.css" rel="stylesheet">

    Kleiner Tipp: http://holdirbootstrap.de/ - die komplette Seite von Bootstrap auf Deutsch ;)

    Entweder hast du mich falsch verstanden, oder ich habe mich nicht zu 100% verständlich ausgedrückt.
    Ich will einfach nur einen Ordner mit dem Template "Fixed navbar".
    Nur alleine die bootstrap.min.css mit einem neuen Verweis versehen reicht nicht aus.
    Es sind haufenweise andere JavaScripts und andere Dateien, die dann nicht verlinkt sind.
    Ebenfalls weiß ich auch nicht in welche HTML Datei ich das eventuell reinmachen soll.



    MfG

  • Falls du eine Header-Datei hast, musst du das da reinmachen.Da kannst du auch eine Navbar erstellen, die auf allen Seiten angezeigt werden soll.

    Schalte bitte mal von dem Gang "Fortgeschritten" zu "Anfänger" runter.
    Ich habe keine Header-Datei und auch nicht mehrere Seiten auf dem eine Navbar angezeigt werden soll.


    Ich will keine einzelne Navbar auf mehreren Seiten, sondern nur die Templateseite "Fixed Navbar".



    MfG

  • Ich denk @FineTime versteht dich einfach nicht. Ich denke aber... ich auch nicht.


    Du kannst mit "../" rausspringen. Sprich sagen wir mal du hast diese Ordner:


    Hauptseite
    FixedNavbar


    In dem Ordner Hauptseite sind nun die ganzen Bootstrap Dinger drin. Sprich:


    Hauptseite/bootstrap/bootstrap.CSS


    In der HTML Datei für im Ordner "Fixed Navbar" machst du nun also:


    "../Hauptseite/bootstrap/bootstrap.css"



    Hoffe ich hab verstanden .

  • Ich verstehe gerade nicht, wie ich mich noch verständlicher ausdrücken soll..
    Auf der Seite http://getbootstrap.com/getting-started/ gibt es dieses Template:


    Hier einmal komplett:


    Somit verlange ich nur, dass die relevanten Quellcode-Dateien in einem Ordner sind, um diese Seite anzeigen zu können.
    Ich kenne mich mit Dateipfaden und mit HTML an sich aus, deswegen verstehe ich eure Antwort mit "Einfach die bootstrap.css verschieben und den Dateipfad anpassen" nicht.
    Denn es sind auch Bilder und JavaScript Dateien in dem Template Quellcode, die damit nicht verlinkt werden.


    Ich will nur ein Hauptverzeichnis in dem alle benötigten Dateien drin sind, die für diese Templateseite benötigt werden.
    Was ist daran so unverständlich, erklärt es mir bitte, was versteht ihr denn darunter?



    MfG

  • Das ist jetzt nicht dein Ernst...


    Rechtsklick > Speichern unter

  • Das ist jetzt nicht dein Ernst...


    Rechtsklick > Speichern unter

    ich weiß nicht was er genau möchte...


    Kommst du mit der Bootstrap strukturierung nicht zurecht oder weißt du nicht welche Java und CSS du einbinden sollst?


    Wenn du die Ordnerstruktur meinst sieht das Standartgemäß so aus:

  • Das ist jetzt nicht dein Ernst...


    Rechtsklick > Speichern unter

    ..................................................
    Wenn ich auf die Templateseite gehe und nur diese Seite mit "Speichern unter" abspeichere, fehlen immer noch diese Dateien:


    ich weiß nicht was er genau möchte...
    Kommst du mit der Bootstrap strukturierung nicht zurecht oder weißt du nicht welche Java und CSS du einbinden sollst?


    Wenn du die Ordnerstruktur meinst sieht das Standartgemäß so aus:

    Danke schon mal für deine Hilfe, probiere es noch mal etwas genauer zu beschreiben.
    Also.. ich gehe auf die Seite http://getbootstrap.com/getting-started/ drauf, scrolle etwas runter und lade mir dort Bootstrap herunter:

    Dann sieht meine Ordnerstruktur genau so aus wie die, die du gepostet hast.
    Außerdem füge ich noch eine index.html in den Ordner bootstrap hinzu, mit folgendem Beispieltemplate-Quellcode:


    Wenn ich jetzt aber das Beispiel "Fixed Navbar" haben möchte, fangen die Probleme an.
    Ich lade mir das Bootstrap repository herunter, gehe in docs/examples/navbar-fixed-top und nehme die index.html in diesem Ordner und ersetze meine index.html in dem Ordner bootstrap.
    Jetzt habe ich folgenden Quellcode in meiner index.html stehen:


    Jetzt ist das Problem, dass die Verweise nicht mehr richtig sind, z.B. in Zeile 6, 15 und 18.


    Wie kann ich das am Einfachsten lösen, ohne jede Datei einzeln zu suchen?



    MfG

  • Musst du dir einzeln zusammensuchen, bzw ganz einfach kopieren und die Pfade abändern