更改引导容器的宽度

只是安装 'container-fluid', 您将创建一个宽度容器 100%. 将所有这些包裹在容器宽度中 1250 像素会导致您的容器不会响应的事实。 你能做的最好的事情是分配 'max-width' 你的液体容器，我打开了 markup 以下：

<div class="container-fluid" style="background-color:#CDCDCD; max-width:1250px">

集装箱液
</div>
<div class="answer_text">
您可以创建自定义容器并使用默认容器使用它。 /只是覆盖宽度/. 您可以根据您的需求更改宽度：

CSS :

@media /min-width: 768px/ {

.my-custom-container{

 width:600px;

}}



@media /min-width: 992px/ {

.my-custom-container{

 width:720px;

}}



@media /min-width: 1200px/ {

.my-custom-container{

 width:900px;

}}

HTML :

<div class="container my-custom-container">

your content Goes here .......

</div>

</div>
<div class="answer_text">
您可以在文件中提供容器的宽度。 css:

.container {

 width:1250px;

}

然后写请求 media, 让他回应：

@media only screen and

/max-width : 1249px / {



 .container {

 width:100%;

 }



}

</div>
<div class="answer_text">
您尝试了一个用于启动的循环容器 ?

尝试更换 'container' 在 'container-fluid'

它可能是帮助
</div>
<div class="answer_text">
您可以自行决定更改容器的宽度。 为此，请添加以下行。 css:

.container{ 

 max-width:1250px; 

 width:100%; 

}

</div>
<div class="answer_text">
您可以自行决定更改容器的宽度。 为此，请添加以下行。 css

@media /min-width: 1200px/ {

 .container {

 width: 1250px !important;

 }

}

谢
</div>
<div class="answer_text">
例如，放置一个特殊的课程

my_custom_menu

，在菜单容器中。 然后将此样式复制到您的样式表中....

@media /min-width: 1200px/ {

 .container.my_custom_menu {

 width: 1250px;

 }

}

谢
</div>

您可以创建自定义容器并使用默认容器使用它。 /只是覆盖宽度/. 您可以根据您的需求更改宽度：

CSS :

@media /min-width: 768px/ {

.my-custom-container{

 width:600px;

}}



@media /min-width: 992px/ {

.my-custom-container{

 width:720px;

}}



@media /min-width: 1200px/ {

.my-custom-container{

 width:900px;

}}

HTML :

<div class="container my-custom-container">

your content Goes here .......

</div>

您可以在文件中提供容器的宽度。 css:

.container {

 width:1250px;

}

然后写请求 media, 让他回应：

@media only screen and

/max-width : 1249px / {



 .container {

 width:100%;

 }



}

您尝试了一个用于启动的循环容器 ?

尝试更换 'container' 在 'container-fluid'

它可能是帮助

您可以自行决定更改容器的宽度。 为此，请添加以下行。 css:

.container{ 

 max-width:1250px; 

 width:100%; 

}

您可以自行决定更改容器的宽度。 为此，请添加以下行。 css

@media /min-width: 1200px/ {

 .container {

 width: 1250px !important;

 }

}

谢

例如，放置一个特殊的课程

my_custom_menu

，在菜单容器中。 然后将此样式复制到您的样式表中....

@media /min-width: 1200px/ {

 .container.my_custom_menu {

 width: 1250px;

 }

}

谢