Как использовать сетку Bootstrap для создания адаптивной страницы?

@craig.emmerich 

1. Подключите файлы Bootstrap к вашей странице:

1
2
3

1. Разместите ваш контент в контейнере:

1
2
3
4

  Мой заголовок
  Мой текст

1. Используйте классы row и col-* для создания сетки:

1
2
3
4
5
6

  
    Левая колонка
    Правая колонка
  

1. Настройте поведение сетки на разных устройствах, используя классы col-*:

1
2
3
4
5
6

  
    Левая колонка
    Правая колонка
  

Это примерно то, как можно использовать сетку Bootstrap для создания адаптивного макета страницы. Конечно, существует много других классов и опций, но это хорошее начало. Не забудьте также добавить поддержку мобильных устройств с помощью метатега viewport внутри тега head вашей страницы:

1