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