Na przykład układ <div class="row"> <div class="col-xs-12 col-md-8">zawartość komórki</div> <div class="col-xs-6 col-md-4">zawartość komórki</div> </div> oznacza, że pierwsza komórka na telefonach będzie zajmować całą szerokość ekranu, a na średnich i większych ekranach będzie miała 2/3 szerokości wiersza, a po jej prawej będzie druga komórka na 1/3 wiersza.
Odstępy Jeśli na danej szerokości ekranu ma pojawić się odstęp na lewo od danej komórki, dodajemy klasę z przedrostkiem mobilnym + offset-.
Na przykład: <div class="row"> <div class="col-md-4">pierwsza komórka</div> <div class="col-md-4 col-md-offset-4">prawa komórka</div> </div> W powyższym układzie druga komórka będzie w odstępie 1/3 długości wiersza od pierwszej komórki.
Przypisy
Linki zewnętrzne Strona domowa Zestaw UI
Kategoria:Frameworki Kategoria:Oprogramowanie na licencji MIT