logo

Pierwszy przykład Bootstrapa

Dodaj typ dokumentu HTML 5: Bootstrap wykorzystuje elementy HTML i właściwości CSS, dlatego na początku strony musisz dodać typ dokumentu HTML 5 z atrybutem lang i poprawnym zestawem znaków.

Były:

 Any title //write code 

Bootstrap jest przyjazny dla urządzeń mobilnych: Bootstrap 3 został zaprojektowany tak, aby reagował na urządzenia mobilne.

Style dostosowane do urządzeń mobilnych są częścią podstawowej struktury Bootstrap. Musisz dodać następujący tag wewnątrz elementu, aby zapewnić prawidłowe renderowanie i powiększanie dotykiem:

 

Notatka: The „szerokość = szerokość urządzenia” część służy do ustawienia szerokości strony tak, aby odpowiadała szerokości ekranu urządzenia (różni się w zależności od urządzenia).

The skala początkowa=1 część służy do ustawienia początkowego poziomu powiększenia przy pierwszym ładowaniu strony przez przeglądarkę.

arp – polecenie

Kontenery: kontener służy do pakowania zawartości witryny. Istnieją dwie klasy kontenerów.

  • The klasa .kontenera zapewnia responsywny kontener o stałej szerokości.
  • The .pojemnik-płyn class zapewnia kontener o pełnej szerokości, obejmujący całą szerokość rzutni.

Uwaga: Pojemnika nie można umieścić w pojemniku.


Pierwszy przykład Bootstrapa (z responsywnym kontenerem o stałej szerokości)

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

Przetestuj teraz