logo

Primul exemplu de bootstrap

Adăugați tipul de document HTML 5: Bootstrap folosește elemente HTML și proprietăți CSS, așa că trebuie să adăugați tipul de document HTML 5 la începutul paginii cu atributul lang și setul de caractere corect.

Ex:

 Any title //write code 

Bootstrap este compatibil cu dispozitivele mobile: Bootstrap 3 este conceput pentru a răspunde la dispozitivele mobile.

Stilurile mobile-first fac parte din cadrul de bază al Bootstrap. Trebuie să adăugați următoarea etichetă în interiorul elementului pentru randarea corectă și mărirea tactilă:

 

Notă: The 'width=device-width' partea este utilizată pentru a seta lățimea paginii pentru a urma lățimea ecranului dispozitivului (variază în funcție de dispozitive).

The scara inițială=1 partea este utilizată pentru a seta nivelul inițial de zoom atunci când pagina este încărcată prima dată de browser.

Containere: containerul este folosit pentru a împacheta conținutul site-ului. Există două clase de containere.

dactilografiat pentru fiecare
  • The .clasa de containere oferă un container cu lățime fixă ​​receptiv.
  • The .recipient-fluid clasa oferă un container cu lățime completă, care se întinde pe întreaga lățime a ferestrei de vizualizare.

Notă: Un container nu poate fi plasat în interiorul unui container.


Primul exemplu de bootstrap (cu container cu lățime fixă ​​receptiv)

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

Testează-l acum