logo

Első Bootstrap példa

Adja hozzá a HTML 5 dokumentumtípust: A Bootstrap HTML elemeket és CSS-tulajdonságokat használ, ezért hozzá kell adni a HTML 5 doctype-ot az oldal elejéhez lang attribútummal és megfelelő karakterkészlettel.

Volt:

 Any title //write code 

A Bootstrap mobilbarát: A Bootstrap 3-at úgy tervezték, hogy reagáljon a mobileszközökre.

A Mobile-first stílusok a Bootstrap alapvető keretrendszerének részét képezik. A megfelelő megjelenítéshez és érintéses nagyításhoz hozzá kell adnia a következő címkét az elemen belül:

 

Jegyzet: A 'width=device-width' rész az oldal szélességének beállítására szolgál, hogy kövesse az eszköz képernyőszélességét (az eszköztől függően változhat).

A kezdeti skála=1 A rész a kezdeti nagyítási szint beállítására szolgál, amikor az oldalt először betölti a böngésző.

Konténerek: konténer a webhely tartalmának becsomagolására szolgál. Két konténerosztály létezik.

  • A .konténer osztály érzékeny fix szélességű tárolót biztosít.
  • A .tartály-folyadék osztály teljes szélességű tárolót biztosít, amely a nézetablak teljes szélességére kiterjed.

Megjegyzés: A tartályt nem lehet tartályba helyezni.


Első rendszerindítási példa (reszponzív, rögzített szélességű tárolóval)

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

Tesztelje most