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