我正在用Twitter Bootstrap构建我的第一个站点,并try 流畅的布局.我已经将我的容器设置为流动的,现在里面的内容占据了整个页面宽度,并且随着我调整浏览器的大小而调整.
我正在进行的设计是为最大宽度~950px创建的.
我已经判断了variables.less
和responsive.less
,以及Bootstrap文档;我不太清楚如何实现这一点.
我还try 将以下内容添加到我的style.css
:
body {
max-width: 950px;
}
我正在用Twitter Bootstrap构建我的第一个站点,并try 流畅的布局.我已经将我的容器设置为流动的,现在里面的内容占据了整个页面宽度,并且随着我调整浏览器的大小而调整.
我正在进行的设计是为最大宽度~950px创建的.
我已经判断了variables.less
和responsive.less
,以及Bootstrap文档;我不太清楚如何实现这一点.
我还try 将以下内容添加到我的style.css
:
body {
max-width: 950px;
}
Edit
要做到这一点,更好的方法是:
创建自己的less文件作为主less文件(如bootstrap.less).
导入您需要的所有无 bootstrap 文件.(在这种情况下,您只需要导入responsive-1200px-min.less
个响应较少的所有文件)
如果您需要修改原始的无 bootstrap 文件中的任何内容,您只需编写您自己的LESS来覆盖BOOTSTRAP的LESS代码.(只需记住将较少的代码/文件放在@import { /* bootstrap's less file */ };
之后).
Original个
我也有同样的问题.我就是这么修好的.
查找媒体查询:
@media (max-width:1200px) ...
把它拿走.(我指的是整件事,而不仅仅是@media (max-width:1200px)
件)
因为 bootstrap 的默认宽度是940px,所以您不需要做任何事情.
如果您想拥有自己的max-width
,只需修改媒体查询中与所需宽度匹配的CSS规则即可.