Я делаю веб-сайт только для мобильных устройств, например «m.domainname.com». Я хочу использовать Bootstrap на своем сайте. Но для основного контейнера div, если я использую класс «контейнер», он будет 1170 пикселей. Мой сайт начинается с 1024px.
Как я могу установить ширину контейнера div? Я делаю это правильно?
Как насчет изменения ширины контейнера с 1170 до 1024 пикселей? Загляните в bootstrap.css и измените это
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
to
@media (min-width: 1200px) {
.container {
width: 1024px;
}
}
Если ваш сайт предназначен только для мобильных устройств, вам не нужно использовать @media (min-width:1200) для CSS. Вы можете просто сделать что-то подобное, если не хотите устанавливать фактическую сумму:
.container {width:95%; margin-right:auto; margin-left:auto;}
Вы можете использовать класс Bootstrap container-fluid, если вам не нужно явно указывать ширину контейнера. Из их документации по Grid:
Строки должны быть помещены в .container (фиксированная ширина) или .container-fluid (полная ширина) для правильного выравнивания и заполнения.
Если вам необходимо задать явную ширину контейнера в разных контрольных точках, вы можете создать настраиваемый файл CSS для Bootstrap. используя ваши номера. Ссылка позволяет установить ширину контейнера для:
Это также позволяет вам изменить множество других значений по умолчанию.
