Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.55/11: Рейтинг темы: голосов - 11, средняя оценка - 4.55
97 / 47 / 17
Регистрация: 25.04.2017
Сообщений: 471
1

Bootstrap 4 на экране 320px

27.08.2017, 23:10. Просмотров 2098. Ответов 3
Метки нет (Все метки)

Здравствуйте!

На экране 320px в Bootstrap 4 ломается разметка.

Прочитал на просторах нета, что в 4-й версии ширина колонки 30px, поэтому рекомендуется использовать ширину экрана 12*30=360px.

Очень долго смеялся - это кому разработчики фреймворка это советуют, верстальщику или юзеру предлагают пойти купить специально под bs4 подходящую мобилу?

У меня мобила 480*800 но разрешение экрана в браузере 320 по ширине и поэтому, например при разметке 1 + 11 у меня второй блок улетает под первый.

Так вот, что посоветуете и как мне быть, я не могу со своей мобилы нормально посмотреть как реально выглядит сайт на мобиле.

Спасибо.
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
27.08.2017, 23:10
Ответы с готовыми решениями:

Как сделать чтобы на экране 320px загружалось 600px
Как сделать чтобы на экране 320px; загружалось 600px; Фотографии прикрепил. При первой загрузке...

Общепринятые границы ширины для адаптива (320px - 1900px)?
Какие ширины вы определяете как общепринятые для адаптивной вёрстки, если с минимумом более менее...

Для чего в Bootstrap файлы bootstrap.css.map и bootstrap-theme.css.map?
В дистрибутиве Bootstrap были замечены файлы bootstrap.css.map и bootstrap-theme.css.map. А начале...

Помехи на экране во время появления бренда материнки на экране (самое начало включения компьютера)
Включаю компьютер, в самом начале, когда появляется лого "ASUS", наблюдаются помехи пару секунд,...

3
97 / 47 / 17
Регистрация: 25.04.2017
Сообщений: 471
28.08.2017, 08:05  [ТС] 2
Вот разметка 1+11 на экране 320, правый блок улетел под левый

Как можно пофиксить?
0
Миниатюры
Bootstrap 4 на экране 320px  
332 / 308 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
28.08.2017, 19:10 3
Лучший ответ Сообщение было отмечено Вилки Выкидные как решение

Решение

Цитата Сообщение от Вилы Выкидные Посмотреть сообщение
12*30=360px.
PHP/HTML
1
2
3
4
5
6
7
8
<div class="row">
    <div class="col-1">
      1
    </div>
    <div class="col">
      2
    </div>
  </div>
1
97 / 47 / 17
Регистрация: 25.04.2017
Сообщений: 471
28.08.2017, 20:14  [ТС] 4
aj17, благодарю, автоподбор ширины работает
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
28.08.2017, 20:14

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Bootstrap и Bootstrap 3 кроссбраузерность
Смотрел на сайте Bootstrap 3 что он не поддерживает браузер Safari в Windows. Также смотрел...

Стиль bootstrap 2 в bootstrap 3
Здравствуйте! Попробовал bootstrap 3, тема не понравилась. Хочу как было во втором. Вроде как есть...

Нарисовать лес на экране (нарисовать дерево, и размножить его на экране)
73. Нарисовать лес на экране (нарисовать дерево, и размножить его на экране)

Bootstrap в IE 7
Всем привет. Bootstrap у нас обещается хорошо себя вести и отображаться в IE 7 (прям на офф сайте...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.