Csatlakoztatása és használata bootstrap - alapokat természetesen CSS devionity

Connection. Ha csatlakozni a keretet annak le egy batch fájlt, és csatlakoztassa őket a tag . vagy csatlakoztassa őket távolról - ugyanazon a helyen. Például,

Megjelenítéséhez az oldal tartalmának keretében kifejlesztett ún Rács rendszer (grid rendszer), ami lehetővé teszi, hogy hozzon létre (alapértelmezett) legfeljebb 12 oszlopok (és kapcsolódó vonalak) az oldalon, és ez a megoldás függhet az eszköz, amelyen az oldal megtekintésekor.

Például, egy átlagos méretű (közepes eszközök) eszközök meghatározzák oszlopokat a következőképpen:

→ A teljes képernyős

azt jelenti, hogy két oszlopot, amelyek közül az első egy hagyományos hossza 8, és a második - 4. 12. Ezek összege értékek nyilvánvalóan adni 12. Tény, az oszlop szélessége van beállítva arányosan. Egy másik példa:

Ez azt jelenti, hogy a 3. oszlopban az azonos szélességű. vagy

Ez azt jelenti, 1 oszlop átfogja a teljes szélességében a képernyőn.

Nyilvánvaló, hogy a mobil eszköz nem együtt elrendezés szánt PC. A fenti elrendezés egy mobil eszköz nem jelenik formájában oszlopok, és egymás alatt - mivel nem volt elég hely vízszintesen. Ennek keretében, speciális osztályokban dolgozó mobil eszközt fejlesztettek ki. Ezek az osztályok megadható egy alternatív elrendezés esetén egy mobil eszköz (xs - a mobil eszközök, sm - kis eszközök). Például,

Ez azt jelenti, hogy a két sejt az elrendezés, de az aránya a szélessége más lesz, amikor megjelenik a számítógépen vagy mobil eszköz 8, és a PC-4 egy sorban, vagy 2, és 10-et a mobil eszközön. Összegezve, a két pár értéket ad 12 mert kerül egy sorban.

Hozzon létre egy menü. Ahhoz, hogy hozzon létre egy menüt nav osztály (blokk ebben az osztályban kerülnek gombot vagy linket), és Navbar osztályt elhelyezett kész navigáció. Például,

Navbar - adaptív alkatrész amelyet egy egységként az eligazodást.

Az alkalmazkodóképesség ebben az esetben abban a tényben rejlik, hogy ezek a komponensek „összeesett”, amikor megjelenik a mobil eszközök, ha a navigációs elemek nem illeszkednek vízszintesen.

→ A teljes képernyős

Kapcsolódó cikkek