logo

Prvi primer Bootstrapa

Dodajte vrsto dokumenta HTML 5: Bootstrap uporablja elemente HTML in lastnosti CSS, zato morate dodati dokument HTML 5 na začetek strani z atributom lang in pravilnim naborom znakov.

Primer:

 Any title //write code 

Bootstrap je prijazen do mobilnih naprav: Bootstrap 3 je zasnovan tako, da se odziva na mobilne naprave.

Slogi za mobilne naprave so del osrednjega ogrodja Bootstrapa. Za pravilno upodabljanje in povečavo na dotik morate znotraj elementa dodati naslednjo oznako:

 

Opomba: The 'width=device-width' del se uporablja za nastavitev širine strani, da sledi širini zaslona naprave (razlikuje se glede na naprave).

The začetna lestvica=1 del se uporablja za nastavitev začetne stopnje povečave, ko brskalnik prvič naloži stran.

Vsebniki: vsebnik se uporablja za zavijanje vsebine spletnega mesta. Obstajata dva razreda vsebnikov.

  • The .razred vsebnika zagotavlja odziven vsebnik s fiksno širino.
  • The .posoda-tekočina ponuja vsebnik polne širine, ki zajema celotno širino vidnega polja.

Opomba: posode ni mogoče postaviti v posodo.


Prvi primer Bootstrap (z odzivnim vsebnikom s fiksno širino)

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

Preizkusite zdaj