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

Пользователь

от craig.emmerich , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от amber_moore , 2 года назад

@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


Пользователь

от aaron_armstrong , 7 месяцев назад

@craig.emmerich