javascript - 阻止引导模板在某个点后收缩

Question

我一直想知道是否有办法阻止引导程序在某个点后收缩。我喜欢我的网站看起来 700 像素宽的方式。那么有没有办法阻止引导程序在那之后逃避我的html？

Answer 1

我认为，正如问题Twitter bootstrap minimum width in responsive layout 中所提到的，您可以将min-widthCSS 属性设置700px为您不希望小于 700px 的任何元素。

假设您有一个名为“wrapper”的 div，它包装了您的所有页面内容：

<div id="wrapper">
    <!-- All contents in here -->
</div>

你可以这样设计它：

#wrapper {
    min-width: 700px;
}

注意：如果您使用响应式布局，您还必须在文件中注释要禁用的样式bootstrap-responsive.css。

因此，在使用响应式布局时，如果您希望您的网站显示为 700 像素宽，您还必须在以下样式注释：

@media (min-width: 768px) and (max-width: 979px) {
@media (min-width: 1200px) {
@media (max-width: 480px) {
@media (max-width: 979px) {
@media (min-width: 980px) {

并将样式的 CSS 规则（但删除 @media 和括号）保留在：

@media (max-width: 767px) {

希望有帮助！