Perusruudukkoasettelut, joiden avulla pääset tutustumaan Bootstrap-ruudukkojärjestelmän rakentamiseen.
Hanki kolme yhtä leveää saraketta , jotka alkavat pöytäkoneista ja skaalautuvat suuriin pöytäkoneisiin . Mobiililaitteilla, tableteilla ja alemmilla laitteilla sarakkeet pinoutuvat automaattisesti.
Saat kolme saraketta , jotka alkavat työpöydistä ja skaalautuvat suuriin , eri leveisiin työpöytiin. Muista, että yhden vaakalohkon ruudukon sarakkeiden yhteenlaskettu summa on kaksitoista. Enemmän kuin se, ja sarakkeet alkavat pinota katseluportista riippumatta.
Saat kaksi saraketta alkaen pöytäkoneista ja skaalaamalla suuriin pöytäkoneisiin .
Täysleveälle elementille ei tarvita ruudukkoluokkia.
Dokumentaation mukaan sisäkkäin sijoittaminen on helppoa – laita vain rivi sarakkeita olemassa olevaan sarakkeeseen. Tämä antaa sinulle kaksi saraketta , jotka alkavat työpöydistä ja skaalautuvat suuriin työpöytiin , ja toiset kaksi (samanleveydet) suuremmassa sarakkeessa.
Nämä sarakkeet ja niiden sisäkkäiset sarakkeet pinoutuvat mobiililaitteiden kokoluokissa, tablet-laitteissa ja alaspäin.
Bootstrap 3 -ruudukkojärjestelmässä on neljä luokkatasoa: xs (puhelimet), sm (tabletit), md (pöytäkoneet) ja lg (suuremmat pöytäkoneet). Voit käyttää lähes mitä tahansa näiden luokkien yhdistelmää luodaksesi dynaamisempia ja joustavampia asetteluja.
Jokainen luokkataso skaalautuu, mikä tarkoittaa, että jos aiot asettaa samat leveydet xs:lle ja sm:lle, sinun tarvitsee määrittää vain xs.
Kirkkaat kellukkeet tietyissä keskeytyskohdissa estämään hankalan käärimisen epätasaisen sisällön kanssa.
Nollaa siirtymät, työntää ja vetää tietyissä keskeytyspisteissä.