我已经使用 Twitter Bootstrap 开发了一个具有固定容器类的网站,但现在我希望该网站的宽度为 960 像素而不是 1170 像素。我不使用 .less 文件。
有没有一种快速的方法来解决这个问题?
我已经使用 Twitter Bootstrap 开发了一个具有固定容器类的网站,但现在我希望该网站的宽度为 960 像素而不是 1170 像素。我不使用 .less 文件。
有没有一种快速的方法来解决这个问题?
在你的 bootstrap.css 之后添加这个
.container
{
min-width: 960px !important;
max-width: 960px !important;
width: 960px !important;
}
也许并非所有都是必需的,但只是为了确定。
如果不想自己编译,可以从官网获取定制版,附带必要的参数。
创建一个自定义的固定宽度容器..
.container-fixed {
margin: 0 auto;
max-width: 960px;
}
并使用它代替.container
. 这是 Bootply 的工作演示:http: //bootply.com/71142
在这里回答 - 如果您使用 CDN 自定义核心 css,最好扩展 bootstrap(.min).css 而不是自己编辑文件。