Вопросы с тегом «responsive-design»

У меня сейчас что-то вроде: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Предположим, что это contentбыли блоки разной высоты и одинаковой ширины - как я мог сохранить тот же «макет на основе сетки» и при этом, …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Начиная с Bootstrap 3 больше нет отдельных файлов для адаптивных и стандартных таблиц стилей. Итак, как я могу легко удалить отзывчивые функции?

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

Я загрузил пример Twitter Bootstrap и создал с ним простой проект rails. Я скопировал CSS там, где нужно, и он отображается нормально. Я также скопировал js, и все отлично работает на моем рабочем столе: он реорганизует страницу, когда я меняю размер своего браузера. При использовании некоторых «инструментов тестирования адаптивного дизайна» …

84 twitter-bootstrap  responsive-design 

В последнее время я разрабатывал более отзывчивые сайты и часто использовал медиа-запросы CSS. Я заметил одну закономерность: действительно имеет значение порядок, в котором определяются медиа-запросы. Я тестировал его не в каждом браузере, а только в Chrome. Есть ли объяснение такому поведению? Иногда становится неприятно, когда ваш сайт работает не так, …

80 css  media-queries  responsive-design 

Как сделать iframe отзывчивым, не предполагая соотношения сторон? Например, контент может иметь любую ширину или высоту, которые неизвестны до рендеринга. Обратите внимание, вы можете использовать Javascript. Пример: <div id="iframe-container"> <iframe/> </div> Измените размер iframe-containerтак, чтобы его содержимое едва помещалось внутри без дополнительного пространства, другими словами, для содержимого достаточно места, чтобы …

14 javascript  html  css  iframe  responsive-design 

У меня возникли реальные проблемы, когда я пытаюсь заставить мою боковую панель / навигационный контент (используя Bootstrap) показывать (расширяться) по умолчанию на рабочем столе и закрывать по умолчанию на мобильном телефоне, а значок отображается только на мобильном телефоне. Я не могу заставить это работать. <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> …

9 javascript  html  css  bootstrap-4  responsive-design