bootstrap css для ширины экранов

У меня есть отзывчивая тема на моем сайте Wordpress (тема jax lite), с макетным макетом. Он использует классы col-md- *, таким образом, он отображает обычно 3 столбца для ноутбуков и настольных экранов и только один столбец для мобильных устройств.bootstrap css для ширины экранов

Проблема в том, что на больших экранах рабочего стола эти 3 столбца оставляют вокруг себя большое пространство. Я ненавижу веб-страницы, которые не используют весь экран. Для этого я хочу использовать классы col-lg- * или col-md *. Например, я хочу, чтобы на больших экранах отображалось 4 или 5 столбцов или даже 3 более широких столбца.

Я получил этот код в template.css:

.post-article .container-fluid .col-md-12, 
 
.post-article .container-fluid .col-md-6, 
 
.post-article .container-fluid .col-md-3 { 
 
\t margin-bottom:25px; 
 
}

¿Как я могу сделать?

Большое спасибо!

источник

2015-10-16 Maximetinu

Является ли это CSS вы используете? пожалуйста, держите отдельно свой css и bootstrap css.When вы настраиваете, не используйте bootstrap и переопределите его. Вторая вещь - вы должны переопределить шаблон, если вы хотите изменить класс, используемый в ваших шаблонных элементах html, если это bootstarp. –

Вы можете использовать .col-LG-4 для увеличения рабочего стола, если вы по-прежнему сталкивается с проблемой читать эту Bootstrap Grid А также это Bootstrap grid details для понимания сетей

источник

2015-10-16 20:59:57

Я пробовал делать именно это. С классами lg даже с классами xs, которые пытаются получить больше столбцов в мобильных устройствах. Ничего из этого не работает. Даже я попытался изменить все col-md-6, col-md-12 и col-md-4 на col-md-12. Это означает, что макет кладки должен отображать только один особый столбец. Это не работает! Он по-прежнему отображает 3 столбца в стандартном увеличении и 1 столбец на маленьких экранах. – Maximetinu

не могли бы вы предоставить мне URL-адрес сайта, чтобы я мог его проанализировать –

bootstrap css для ширины экранов

ответ

Смежные вопросы