html - 使 Twitter Bootstrap 固定宽度低于 1024px

标签 html css twitter-bootstrap

我需要做到这一点,这样当我的分辨率低于 1024 像素时,Twitter Bootstrap 就不会进入响应模式。换句话说,我希望水平侧边栏显示出来,而不是触及我的行或列。

我有一些分辨率更高的条件,我设法使用在线 LESS 编译器实现,所以我认为这是可以做到的。

为了做到这一点,我必须修改哪个标志?

最佳答案

这将有助于避免在智能手机和平板电脑上出现响应问题。

<meta name="viewport" content="width=1024">

同时删除 initial-scale=1 和其他值。

为所有内容添加一个容器,并设置一个最小宽度。

<style>
  .page-container {
    min-width: 1024px;
  }
</style>

<body>
  <div class="page-container">
    ...
  </div>
</body>

关于html - 使 Twitter Bootstrap 固定宽度低于 1024px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28930459/

相关文章:

html - Favicon 未显示在 Google 搜索结果中?

html - anchor 伪元素文本被隐藏

javascript - 如何防止图像离开html中的区域

javascript - 根据 div 的可用高度显示省略号

jquery - 使用 jquery 更改 div 上的背景图像

javascript - 当用户使用 vanilla javascript 单击右/左可单击图像时如何执行滚动机制

javascript - Bootstrap 3 下拉过渡

c# - Response.Redirect 模式内的按钮

css - 需要能够在移动设备上交换网格

javascript - 在 jqueryMobile HTML 页面中使用 jquery 提交时刷新部分标记