Вопрос по css, twitter-bootstrap – Не в состоянии заставить отзывчивый дизайн начальной загрузки работать с dotnetnuke

11

В своем проекте с DotNetNuke я использовал загрузчик Twitter. Я занимался дизайном и версткой с использованием HTML, CSS, начальной загрузки. Адаптивный дизайн работал нормально, когда я тестировал его на разных мобильных устройствах и даже когда менял размер окна браузера.

Поскольку это работало хорошо, я преобразовал дизайн в DotNetNuke Skin. Теперь адаптивный дизайн работает нормально только при изменении размера окна браузера, а не на мобильных устройствах. Я понимаю поток, в котором DNN загружает таблицы стилей, и я следовал за ним. Я сделал свой skin.css как комбинацию bootstrap.css, а за ним последовало содержимое bootstrap-responseive.css

Я не могу найти проблему, как будто я использую тот же файл skin.css с моим html, он работает нормально, но он не работает с DNN (на мобильных устройствах).

Ваш Ответ

3   ответа
7

after основнойnot до.

спасибо много, брат, я путаю только на "после и до"
Мелтов: Скажите, пожалуйста, что означает «после базового, а не до»?
@Nadeem первое место ссылка на базовую таблицу стилейbootstrap.css а потом отзывчивыйbootstrap-responsive.css.
10

может быть, это кому-нибудь поможет. В разделе заголовка сайта вы должны сначала включить bootstrap.css и только после этого bootstrap-responseive.css, потому что очевидно, что respive.css зависит от bootstrap.css

Конечно, метатег также должен присутствовать.

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />  
<meta name="viewport" content="width=device-width, initial-scale=1.0">
37

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

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Большое спасибо за этот вопрос & amp; ответ. Я боролся с этим последние 4 часа. : D
Я получаю горизонтальную полосу прокрутки! Как я могу удалить это? Siddharth Pandey
Спасибо вам большое! Действительно помогает мне, разочаровывает некоторое время. Удивительно
Эй, Андрес, ты прав, я забыл включить это в default.aspx. Siddharth Pandey
У @SidP нет под рукой мобильного устройства для тестирования, но один из ваших элементов, вероятно, переполняет ваш основной контейнер. Быстрое решение было бы добавитьbody { overflow-x: hidden; } в вашей таблице стилей, чтобы скрыть эту горизонтальную полосу прокрутки, но более правильным решением было бы выследить переполненный элемент.

Похожие вопросы