logo

První příklad bootstrapu

Přidejte dokument HTML 5: Bootstrap používá prvky HTML a vlastnosti CSS, takže musíte na začátek stránky přidat doctype HTML 5 s atributem lang a správnou znakovou sadou.

Příklad:

 Any title //write code 

Bootstrap je vhodný pro mobilní zařízení: Bootstrap 3 je navržen tak, aby reagoval na mobilní zařízení.

Styly typu Mobile-first jsou součástí základního rámce Bootstrap. Pro správné vykreslování a přiblížení dotykem musíte do prvku přidat následující značku:

 

Poznámka: The 'width=device-width' část se používá k nastavení šířky stránky tak, aby odpovídala šířce obrazovky zařízení (liší se podle zařízení).

The počáteční měřítko=1 část se používá k nastavení počáteční úrovně přiblížení při prvním načtení stránky prohlížečem.

Kontejnery: kontejner se používá k zabalení obsahu webu. Existují dvě třídy kontejnerů.

  • The .kontejnerová třída poskytuje citlivý kontejner s pevnou šířkou.
  • The .nádoba-tekutina class poskytuje kontejner v plné šířce, pokrývající celou šířku výřezu.

Poznámka: Nádobu nelze umístit do nádoby.


První příklad bootstrapu (s responzivním kontejnerem s pevnou šířkou)

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

Otestujte to hned