logo

Ensimmäinen Bootstrap-esimerkki

Lisää HTML 5 -dokumenttityyppi: Bootstrap käyttää HTML-elementtejä ja CSS-ominaisuuksia, joten sinun on lisättävä HTML 5 -dokumenttityyppi sivun alkuun lang-attribuutilla ja oikealla merkistillä.

Esim:

 Any title //write code 

Bootstrap on mobiiliystävällinen: Bootstrap 3 on suunniteltu reagoimaan mobiililaitteisiin.

Mobile-first -tyylit ovat osa Bootstrapin ydinkehystä. Sinun on lisättävä seuraava tagi elementin sisään oikean hahmontamisen ja kosketuszoomauksen varmistamiseksi:

 

Huomautus: The 'width=device-width' osalla asetetaan sivun leveys laitteen näytön leveyden mukaan (vaihtelee laitteiden mukaan).

The alkumittakaava = 1 -osaa käytetään alkuperäisen zoomaustason asettamiseen, kun selain lataa sivun ensimmäisen kerran.

Säiliöt: konttia käytetään sivuston sisällön käärimiseen. Konttiluokkaa on kaksi.

  • The .konttiluokka tarjoaa reagoivan kiinteän leveän säiliön.
  • The .säiliö-neste luokka tarjoaa täysleveän säiliön, joka kattaa koko näkymän leveyden.

Huomautus: Säiliötä ei voi laittaa säiliön sisään.


First Bootstrap -esimerkki (responsiivisella kiinteän leveyden säilön kanssa)

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

Testaa nyt