Как заставить бутстрап не реагировать?

На экране мобильного устройства я хочу, чтобы Bootstrap работал так, как если бы он отображался на рабочем столе. Содержимое должно выйти за пределы экрана. Я пытался удалить эту строку

<meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no">

Он по-прежнему полностью адаптирован для мобильных устройств. Я пробовал делать

.container{
 min-width:900px;
}

Это приводит меня туда, где я хочу, поскольку переполнение содержимого соответствует ширине 900 пикселей. Однако блоки div, которые я дал class = "col-md-6 col-12" на экране мобильного телефона, по-прежнему действуют так, как если бы они имели меньшую ширину, чем 900 пикселей, за счет использования всего столбца вместо разделения на col-md-6 и col-md-6. Могу ли я отменить такое отзывчивое поведение? Я знаю, что могу просто сделать col-6 как класс, но есть длинное объяснение, почему я не могу сделать это для своего проекта.

этот решение iframe может сработать для вас

David784 10.09.2018 01:25

Как насчет добавления на страницу блока <style> с настраиваемыми переопределениями, чтобы делать то, что вы хотите.

Tom 10.09.2018 02:05

Спасибо, я попробую решение iframe после того, как вернусь с работы, и дам вам знать.

greenn 10.09.2018 02:53

Том, я не знаю, как это делается, но я тоже займусь этим.

greenn 10.09.2018 02:53
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
4
2 610
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Используйте класс .col-xs-* вместо .col-sm-*, .col-md-* или .col-lg-*.

Ответ принят как подходящий
<meta name = "viewport" content = "width=900, initial-scale=1, shrink-to-fit=no">

Например, передайте ширину, в которой я ввел "900". это заставит страницу начальной загрузки не реагировать после 900 пикселей на 0 пикселей;

Это будет работать.

Другие вопросы по теме