0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1024 Просмотров
*

Guram

  • Захожу иногда
  • 62
  • 0 / 0
Отключение Bootstrap
« : 22.07.2015, 21:19:32 »
Всем доброго времени суток!
Использую шаблон на сайте mamoon.ru
Отключил адаптивность Bootstrap, удалив
Код
<meta name="viewport" content="width=device-width, initial-scale=1">
и прописав в стилях:
Код
.wrapper{
    width:960px !important;
}

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

Спасибо заранее!
« Последнее редактирование: 22.07.2015, 22:32:59 от Guram »
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Отключение Bootstrap
« Ответ #1 : 22.07.2015, 23:14:50 »
очевидно, что вот этих самых
Цитировать
элементов отображается не так
есть свои правила отображения --- которые подстраивают под разрешение экрана. Нечто @media screen
*

Guram

  • Захожу иногда
  • 62
  • 0 / 0
Re: Отключение Bootstrap
« Ответ #2 : 22.07.2015, 23:57:10 »
Да, вы правы. Помогите пожалуйста разобраться, что именно провить в них.
Вот они:
Код
@media only screen and (max-width: 1024px) {
.wrapper {
width: 95%;
}

Код
}
 @media only screen and (max-width: 800px) {
#primary-menu-container {
min-width: 60%;
}

Код
}
@media only screen and (max-width: 640px) {
#mobileMenu{ display:none !important; }
.css3-selectbox{ display:block !important; width:60% !important; float:right; }
.home  .vg-TopHeight{
height: 620px;
}

Код
}
@media only screen and (max-width: 480px) {
#mobileMenu{ display:none !important; }
.css3-selectbox{ display:block !important; width:100% !important; float:none; padding-top:15px; }
.home  .vg-TopHeight{
height: 520px;
}

Код
}
@media only screen and (max-width: 320px) {
#mobileMenu{ display:none !important; }
.css3-selectbox{ display:block !important; }
.home  .vg-TopHeight{
height: 480px;
}

*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: Отключение Bootstrap
« Ответ #3 : 23.07.2015, 10:17:37 »
установили размер в 960 ед, теперь оставьте только те правила, которые сосуществуют этому размеру. Остальные - закройте. Пробуйте оставить вот это
Код
.wrapper {
width: 95%;
}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Bootstrap 4 карусель листает постер видео

Автор intcorp

Ответов: 4
Просмотров: 1656
Последний ответ 25.03.2018, 17:07:38
от intcorp
Вопрос по разметке Bootstrap 3

Автор Xzizz

Ответов: 3
Просмотров: 1205
Последний ответ 05.01.2017, 13:43:59
от dmitry_stas
Плитка на bootstrap

Автор passer

Ответов: 14
Просмотров: 6052
Последний ответ 30.12.2015, 23:56:02
от al-teen
Bootstrap шрифт

Автор a.tarasenko

Ответов: 0
Просмотров: 1161
Последний ответ 12.03.2014, 01:09:38
от a.tarasenko
Bootstrap 3 и IE8 отображается как в мобилке

Автор wfedin

Ответов: 1
Просмотров: 1945
Последний ответ 09.03.2014, 22:04:59
от wfedin