twitter-bootstrap – 如何从Twitter Bootstrap 3完全关闭响应功能? [重复]

这个问题已经在这里有一个答案:            >            How to remove responsive features in Twitter Bootstrap 3?                                    8个答案                                如何在Bootstrap 3中关闭响应?

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

Twitter.com这样做如果您尝试调整大小,则在我的站点正在重新设计所有元素时,UI不会发生。

我想要的例子:

无论如何,现在如何关掉责任?所有帮助赞赏

最近读到,在Bootstrap 2.0中,你只需删除响应boostrap CSS,但在3.0它被烘烤成一个css文件。

谢谢。

编辑:我的代码是为v3.0.0RC2编写的,但在v3.0.0中,文档有一个专门针对这个问题的部分:http://getbootstrap.com/getting-started/#disable-responsive

使用col-xs-X类,因为它们是百分比宽度。然后响应速度来自于使用不同介质尺寸的最大宽度的容器。您可以定义自己的.container的替代方法,并使用一切正常:

小提琴为下列示例:http://jsfiddle.net/xTePL/

HTML:

<!-- Don't use .container at all or you will have to
     override a lot of responsive styles. -->
<div class="container-non-responsive">
  <div class="row">
    <div class="col-xs-4">
      <h1>Welcome to Non-responsive Land</h1>
    </div>
    <div class="col-xs-8">
      <!-- More content, more content -->
    </div>
  </div>
</div>

CSS:

.container-non-responsive {
  /* Margin/padding copied from Bootstrap */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;

  /* Set width to your desired site width */
  width: 1170px;
}
http://stackoverflow.com/questions/18146476/how-to-turn-off-the-responsive-feature-completely-from-twitter-bootstrap-3

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:twitter-bootstrap – 如何从Twitter Bootstrap 3完全关闭响应功能? [重复]