Działanie i składnia Wywołanie Bootstrap wywołujemy poprzez zaciągnięcie odpowiedniej biblioteki CSS oraz opcjonalnie JS (bez pliku JS nie zadziałają wszelkie animacje, np. rozwijane menu). <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Struktura 12 kolumn Bootstrap używamy dzieląc stronę w pionie na poszczególne rzędy (ang. rows), a rzędy na kolumny (komórki). Szerokość każdej kolumny określana jest liczbą, a suma szerokości w rzędzie powinna być równa 12.
Przykłady: 4 / 4 / 4 3 kolumny o tej samej szerokości 8 / 4 dwie kolumny, prawa 2x węższa niż lewa 3 / 3 / 3 / 3 cztery komórki o równej szerokości
Przykładowy kod wywołania rzędu z 2 kolumnami, z których prawa jest 2x węższa, to: <div class="row"> <div class="col-sm-8">zawartość komórki</div> <div class="col-sm-4">zawartość komórki</div> </div>
Szerokość strony Szerokość strony określana jest przez szerokość elementów typu container.