Twitter bootstrap 我想使用Twitter引导开发一个具有固定容器类的网站,但客户希望网站的宽度为980px,而不是1170px

Twitter bootstrap 我想使用Twitter引导开发一个具有固定容器类的网站,但客户希望网站的宽度为980px,而不是1170px,twitter-bootstrap,Twitter Bootstrap,我使用Twitter引导开发了一个带有固定容器类的网站,但现在客户希望网站的宽度为980px,而不是1170px 您只需更改lg类的de大小,将限制为980px;或者将主容器(或主体)限制为md类您只需更改lg类的de大小,将限制为980px;或者将主容器(或主体)限制为md类您需要使用流体容器,但嵌套在最大宽度为980px的某些div中。(为了响应要求)以下是一个示例。 <div style="max-width: 980px;"> <div class="conta

我使用Twitter引导开发了一个带有固定容器类的网站,但现在客户希望网站的宽度为980px,而不是1170px

您只需更改lg类的de大小,将限制为980px;或者将主容器(或主体)限制为md类

您只需更改lg类的de大小,将限制为980px;或者将主容器(或主体)限制为md类

您需要使用流体容器,但嵌套在最大宽度为980px的某些div中。(为了响应要求)
以下是一个示例。

<div style="max-width: 980px;">
    <div class="container-fluid">
        <!-- Here comes your HTML code -->
    </div>
</div>

您需要使用流体容器,但要嵌套在一些div中,最大宽度为980px。(为了响应要求)
以下是一个示例。

<div style="max-width: 980px;">
    <div class="container-fluid">
        <!-- Here comes your HTML code -->
    </div>
</div>

将提供快速解决方案

.container { max-width: 980px; }
但更好的方法是更改@container-large-desktop变量并下载定制的引导版本。

快速解决方案将是

.container { max-width: 980px; }
但更好的方法是更改@container large desktop变量并下载定制的引导版本。

尝试以下方法:

<div style="max-width:980px"> 
</div>

这会将div的最大大小限制为“980px”。

尝试以下操作:

<div style="max-width:980px"> 
</div>


这将把div的最大大小限制为“980px”。

然后编辑
bootstrap.css
,并将
1170px
中的任何位置更改为
980px
。我建议永远不要更改bootstrap.css文件。您应该以自己的样式覆盖这些类。然后编辑
bootstrap.css
,并将找到的
1170px
更改为
980px
。我建议永远不要更改bootstrap.css文件。您应该以自己的样式覆盖这些类。