Dwie podstawowe klasy dla container: container – szerokość 1170px na większych ekranach container-fluid – szerokość 100% na większych ekranach
Przykładowy kod szkieletu strony HTML, zakładając, że element header ma być na całą szerokość strony: ... <body> <div class="container" id="menu"> <div class="row"> ... </div> </div> <div class="container-fluid" id="header"> <div class="row"> ... </div> </div> <div class="container" id="tresc"> <div class="row"> ... </div> </div> <div class="container" id="stopka"> <div class="row"> ... </div> </div> </body> Dzięki używaniu poprawnych klas dla kontenerów i kolumn strona będzie odpowiednio skalować się i dostosowywać do urządzeń mobilnych.
Klasy mobilne Komórka w Bootstrapie może mieć różne proporcje względem sąsiednich, w zależności od szerokości ekranu urządzenia na jakim jest oglądana.
Telefony (<768px) Tablety (≥768px) Średnie ekrany (≥992px) Większe ekrany (≥1200px) długość container auto 750px 970px 1170px prefiks klasy .col-xs- .col-sm- .col-md- .col-lg-