logo

Prvý príklad bootstrapu

Pridajte dokument HTML 5: Bootstrap používa prvky HTML a vlastnosti CSS, takže na začiatok stránky musíte pridať doctype HTML 5 s atribútom lang a správnou znakovou sadou.

gimp nahradiť farbu

napr.

 Any title //write code 

Bootstrap je vhodný pre mobilné zariadenia: Bootstrap 3 je navrhnutý tak, aby reagoval na mobilné zariadenia.

Štýly určené predovšetkým pre mobilné zariadenia sú súčasťou základnej štruktúry Bootstrapu. Pre správne vykreslenie a priblíženie dotykom musíte do prvku pridať nasledujúcu značku:

 

Poznámka: The 'width=device-width' časť slúži na nastavenie šírky stránky tak, aby sledovala šírku obrazovky zariadenia (líši sa podľa zariadení).

The počiatočná mierka=1 časť sa používa na nastavenie počiatočnej úrovne priblíženia pri prvom načítaní stránky prehliadačom.

Nádoby: kontajner sa používa na zabalenie obsahu lokality. Existujú dve triedy kontajnerov.

  • The .kontajnerová trieda poskytuje citlivý kontajner s pevnou šírkou.
  • The .nádoba-tekutina class poskytuje kontajner plnej šírky, pokrývajúci celú šírku výrezu.

Poznámka: Nádobu nie je možné umiestniť do nádoby.


Prvý príklad bootstrapu (s responzívnym kontajnerom s pevnou šírkou)

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

Vyskúšajte to