Различные адаптивные сетки для разных размеров устройства - PullRequest
0 голосов
/ 04 декабря 2018

Новичок в Bootstrap, имеющий опыт работы с другими фреймворками и платформами, не могу не чувствовать себя немного разочарованным отзывчивыми сетками, которые предлагает Bootstrap.В частности, при разработке единого макета, который будет использоваться с очень маленькими или очень большими устройствами, кажется, что единственный выбор заключается в том, будет ли столбец занимать свою собственную строку или несколько столбцов;Кажется, не существует встроенной поддержки для показа одного конкретного макета на маленьких / очень маленьких экранах и совершенно другого div, если размеры больше.Вы как бы должны объединить все в один, трудно дешифруемый блок макета.

Существует ли какая-либо поддержка для обеспечения разных DIV макетов в одном документе и переключения между ними в зависимости от размеровустройство рендеринга?

Возможно, я что-то упускаю.

Ты заранее.

1 Ответ

0 голосов
/ 05 декабря 2018

Вы также можете использовать свойства экрана, чтобы отображать определенные элементы div, скажем, только на мобильном телефоне.Следующий код из официальной документации Bootstrap скрывает его на экранах меньше lg:

<div class="d-lg-none">hide on screens wider than lg</div>
<div class="d-none d-lg-block">hide on screens smaller than lg</div>

Дополнительную информацию можно найти здесь: Bootstrap Doc - Свойства отображения

...