logo

Prvi primjer Bootstrapa

Dodajte HTML 5 doctype: Bootstrap koristi HTML elemente i CSS svojstva, tako da morate dodati HTML 5 doctype na početak stranice s atributom lang i ispravnim skupom znakova.

Primjer:

 Any title //write code 

Bootstrap je prilagođen mobilnim uređajima: Bootstrap 3 dizajniran je tako da reagira na mobilne uređaje.

Mobile-prvi stilovi dio su temeljnog okvira Bootstrapa. Morate dodati sljedeću oznaku unutar elementa za ispravno renderiranje i zumiranje dodirom:

 

Bilješka: The 'width=device-width' dio se koristi za postavljanje širine stranice koja prati širinu zaslona uređaja (razlikuje se ovisno o uređaju).

The početna skala=1 dio se koristi za postavljanje početne razine zumiranja kada preglednik prvi put učita stranicu.

Spremnici: spremnik se koristi za omatanje sadržaja stranice. Postoje dvije klase spremnika.

  • The .razred kontejnera pruža odgovarajući spremnik fiksne širine.
  • The .posuda-tekućina klasa pruža spremnik pune širine, koji obuhvaća cijelu širinu prozora.

Napomena: Spremnik se ne može staviti unutar spremnika.


Prvi primjer Bootstrapa (s responzivnim spremnikom fiksne širine)

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

Testirajte sada