Bootstrap:如何更改容器的宽度?

本文介绍了Bootstrap:如何更改容器的宽度?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

我使用 Twitter Bootstrap 开发了一个带有固定容器类的网站，但现在客户希望网站的宽度为 1000 像素而不是 1170 像素.我不使用 .less 文件.

I have used Twitter Bootstrap to develop a website with the fixed container class, but now the client wants the website to be 1000px width and not 1170px. I don't use the .less files.

有没有快速解决这个问题的方法?

Is there a quick way to fix this?

推荐答案

转到 Bootstrap 站点上的 Customize 部分并选择您喜欢的尺寸.您必须设置 @gridColumnWidth 和 @gridGutterWidth 变量.

Go to the Customize section on Bootstrap site and choose the size you prefer. You'll have to set @gridColumnWidth and @gridGutterWidth variables.

例如:@gridColumnWidth = 65px 和 @gridGutterWidth = 20px 结果在 1000px 布局上.

For example: @gridColumnWidth = 65px and @gridGutterWidth = 20px results on a 1000px layout.

然后下载它.

这篇关于Bootstrap:如何更改容器的宽度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！