logo

Erstes Bootstrap-Beispiel

Fügen Sie den HTML 5-Dokumenttyp hinzu: Bootstrap verwendet HTML-Elemente und CSS-Eigenschaften, daher müssen Sie den HTML 5-Doctype am Anfang der Seite mit dem Lang-Attribut und dem richtigen Zeichensatz hinzufügen.

Ex:

 Any title //write code 

Bootstrap ist mobilfreundlich: Bootstrap 3 ist so konzipiert, dass es auf mobile Geräte reagiert.

Mobile-First-Stile sind Teil des Kern-Frameworks von Bootstrap. Sie müssen das folgende Tag innerhalb des Elements hinzufügen, um eine ordnungsgemäße Darstellung und Touch-Zoomung zu gewährleisten:

 

Notiz: Der 'width=Gerätebreite' Teil wird verwendet, um die Breite der Seite so einzustellen, dass sie der Bildschirmbreite des Geräts folgt (variiert je nach Gerät).

Der Anfangsskala=1 Teil wird verwendet, um die anfängliche Zoomstufe festzulegen, wenn die Seite zum ersten Mal vom Browser geladen wird.

Behälter: Der Container wird verwendet, um den Inhalt der Website zu verpacken. Es gibt zwei Containerklassen.

  • Der .container-Klasse Bietet einen reaktionsfähigen Container mit fester Breite.
  • Der .container-flüssigkeit Die Klasse stellt einen Container voller Breite bereit, der sich über die gesamte Breite des Ansichtsfensters erstreckt.

Hinweis: Ein Container kann nicht in einen Container gestellt werden.


Erstes Bootstrap-Beispiel (mit responsivem Container mit fester Breite)

 This is a Bootstrap example <p>Write your text here..</p> 

Testen Sie es jetzt