logo

Pirmais sāknēšanas piemērs

Pievienojiet HTML 5 dokumenta veidu: Bootstrap izmanto HTML elementus un CSS rekvizītus, tāpēc lapas sākumā ir jāpievieno HTML 5 doctype ar lang atribūtu un pareizu rakstzīmju kopu.

Piemēram:

 Any title //write code 

Bootstrap ir mobilajām ierīcēm draudzīgs: Bootstrap 3 ir izstrādāts tā, lai tas reaģētu uz mobilajām ierīcēm.

Stili mobilajām ierīcēm vispirms ir daļa no Bootstrap pamata struktūras. Lai pareizi renderētu un pieskāriena tālummaiņu, elementā ir jāpievieno šāds tags:

 

Piezīme: The 'width=device-width' daļa tiek izmantota, lai iestatītu lapas platumu atbilstoši ierīces ekrāna platumam (atšķiras atkarībā no ierīcēm).

The sākotnējā skala = 1 daļa tiek izmantota, lai iestatītu sākotnējo tālummaiņas līmeni, kad pārlūkprogramma pirmo reizi ielādē lapu.

Konteineri: konteiners tiek izmantots vietnes satura iesaiņošanai. Ir divas konteineru klases.

  • The .konteineru klase nodrošina atsaucīgu fiksēta platuma konteineru.
  • The .konteiners-šķidrums klase nodrošina pilna platuma konteineru, kas aptver visu skatvietas platumu.

Piezīme: konteineru nevar ievietot konteinerā.


Pirmā sāknēšanas piemērs (ar adaptīvu fiksēta platuma konteineru)

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

Izmēģiniet to tagad