Twitter bootstrap 如何从Twitter Bootstrap 3完全关闭响应功能?

Twitter bootstrap 如何从Twitter Bootstrap 3完全关闭响应功能?,twitter-bootstrap,responsive-design,twitter-bootstrap-3,Twitter Bootstrap,Responsive Design,Twitter Bootstrap 3,如何在Bootstrap 3中关闭响应 我只是想开发一个桌面版本,当大小不同时,它仍然应该像桌面版本一样出现 Twitter.com就是这样做的。如果您尝试调整大小,当我的站点重新设计所有元素时,UI不会发生任何变化 我想要它的示例: 不管怎样,现在如何关闭响应?谢谢你的帮助 最近还读到,在Bootstrap2.0中,您只需删除responive boostrap CSS,但在3.0中,它被烘焙到一个CSS文件中 谢谢。编辑:我下面的代码是为v3.0.0RC2编写的,但在v3.0.0中,文档中

如何在Bootstrap 3中关闭响应

我只是想开发一个桌面版本,当大小不同时,它仍然应该像桌面版本一样出现

Twitter.com就是这样做的。如果您尝试调整大小,当我的站点重新设计所有元素时,UI不会发生任何变化

我想要它的示例:

不管怎样,现在如何关闭响应?谢谢你的帮助

最近还读到,在Bootstrap2.0中,您只需删除responive boostrap CSS,但在3.0中,它被烘焙到一个CSS文件中


谢谢。

编辑:我下面的代码是为v3.0.0RC2编写的,但在v3.0.0中,文档中有一节专门针对这个问题:

使用
col-xs-X
类,因为它们是恒定的百分比宽度。然后,响应来自
.container
,使用不同介质大小的
max width
。您可以定义自己的
.container
的替代方案,并使用其他一切,如普通:

用小提琴演奏下面的例子:

HTML:


欢迎来到无反应的土地
CSS:

。容器无响应{
/*从引导复制的边距/填充*/
左边距:自动;
右边距:自动;
左侧填充:15px;
右侧填充:15px;
/*将宽度设置为所需的站点宽度*/
宽度:1170px;
}
我喜欢(公认的)解决方案。此解决方案不会按要求关闭所有响应功能

@网格浮动断点(默认值为768px)将允许菜单折叠,并根据屏幕宽度设置表单标签的对齐方式。模态和旋转木马的宽度也取决于此设置

有关详细信息,请参阅:


更新也从@skelly查看下面的链接。注意,这仍然不会更改网格浮点断点,此解决方案也不会减少代码。TB3的进一步版本可能会出现。这将使编译非响应版本更容易。

只需搜索“禁用所有媒体查询”,并在bootstrap.css文件中注释掉它们。只需要几分钟

然后,您需要为设置页面内容的外部div设置一个固定的宽度。通常是这样。引导中的容器或类似#包装器的东西也很常见。960px或任何适合您的站点的东西


您还需要删除或注释掉HTML头部中的元视口标记。如果没有,那也没关系(不过如果你想让它响应的话,你需要添加一个)。看起来是这样的:

以下是对我有效的方法:

<meta name='viewport' content='width=1190'>

在iPad和iPhone上进行了测试。

只需在
.row
中使用
.col lg-
,而不是
.col sm
.col
。您可以做的另一件事是搜索
@media
呼叫,然后删除它们和所有呼叫。谢谢您的回复。我已经在一行中使用了.col lg-了,但它仍然会转到responive。还试图删除@media things。没有什么不同的想法。
.col-lg-X
.col-sm-X
类改变宽度,并停止在不同的介质宽度上浮动。您希望坚持使用普通的
.col-X
类,这些类总是浮动的,并且具有恒定的百分比宽度,不会因介质而改变。看看我下面的答案是否是你想要的。随着3.0的全面发布,Bootstrap团队在文档中添加了一个部分来描述如何实现这一点:现在也有一些指导,这就是Bootstrap文档:@Skelly。感谢添加此链接。此解决方案不会重置
@网格浮点断点
,也不会减少代码。对于v3.0.0RC2,col-X类应替换为col xs XT。这没有任何作用。你就不能在容器上设置一个宽度,然后就可以完成了吗?@Moss-Nope。我还不知道为什么,但是仅仅设置宽度是不行的。不过,艾伦的回答很有魅力。谢谢使用列xs-*时,相对宽度使内容响应。这个有什么建议吗?我对使用X列-*进行布局和位置感到很舒服。对不起,这在我的特殊情况下不起作用。
.container{
  width: 1150px !important;
}