Bootstrap контейнер макс-ширина не работает

После использования кода таким образом: Bootstrap контейнер макс-ширина не работает

<link href="css/bootstrap.css" rel="stylesheet" type="text/css"> 
<link href="css/bootstrap-responsive.css" rel="stylesheet" type="text/css"> 
<style type="text/css"> 
.container{ 
    max-width:980px; 
} 
</style> 
</head> 
<body> 
    <div class="container" style="max-width:980px;"> 
    ... 
    </div> 

</body> 
</html>

я получаю весь контейнер Перебирая 1100px

источник

2013-09-03 Death Storm

добавить! Important, ** max-width: 980px! Important; ** –

где вы тестировали около 1100 пикселей? –

А лучший способ сделать это

1) создайте свой собственный файл меньше как основной файл меньшего размера (например, bootstrap.less).

2) Импортируйте все загрузочные файлы, которые вам нужны. (в этом случае вам просто нужно импортировать все файлы с меньшим откликом, но отзывчивый-1200px-min.less)

3) Если вам нужно что-либо изменить в исходном загрузочном файле, вам просто нужно написать свой собственный меньше, чтобы перезаписать более короткий код бутстрапа. (Не забудьте указать меньше кода/файла после @import {меньше файла bootstrap};).

@media (max-width:1200px) 
@media (min-width: 979px)

Второй способ

использование .container жидкости

.container-fluid { 
    margin-right: auto; 
    margin-left: auto; 
    max-width: 1600px; /* or 950px */ 
}

вставки в пользовательском CSS

источник

2013-09-03 03:38:15 RahulG

Попробуйте этот код

/* set a max-width for horizontal fluid layout and make it centered */ 
.container-fluid { 
    margin-right: auto; 
    margin-left: auto; 
    max-width: 1600px; /* or 950px */ 
}

использовать это в вашем коде будет действительно k для вас.

источник

2013-09-03 03:41:55

копия кота !!!!!!!! – RahulG

Попробуйте

.container{ 
    max-width:980px; 
    margin:0 auto;/*make it centered*/ 
}

источник

2013-09-03 03:49:57

Это должно сделать трюк

.container{ 
    max-width:980px !important; 
}

источник

2013-09-03 11:12:52

Примите следующие строки из variabless.less, поместите его в app.less и установить свои значения.

@ container-tablet: ((720px + @ grid-gutter-width));

@ container-desktop: ((940px + @ grid-gutter-width));

@ container-lg-desktop: ((1140px + @ grid-gutter-width));

источник

2013-10-06 14:33:29

Bootstrap контейнер макс-ширина не работает

ответ

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