【问题标题】:Collapsed Nav Button not working on mobile for twitter bootstrap design折叠的导航按钮不适用于 twitter 引导程序设计的移动设备
【发布时间】:2013-12-31 14:08:21
【问题描述】:

存在可折叠导航菜单按钮在移动浏览器上根本不起作用的问题。它在桌面上运行得非常好,并且偷偷怀疑它与我的客户端安装的视差脚本有关。这是页面:

http://217.199.187.67/p11demo.com/

【问题讨论】:

  • 将 JS 切换到 bootstrap 2,因为 html 提示正在使用该版本。

标签: javascript html css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

你正在使用 bootstrap 3 的 JS 和 bootstrap 2 的响应式 css

Bs2 的 CSS

<link rel="stylesheet" href="/p11demo.com/templates/mikemc/css/bootstrap-responsive.css" type="text/css" media="all">

Bs3 的 Js

  <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" type="text/javascript"></script>

【讨论】:

  • 把js切换到BS2还是不行
  • 您有严重的 CSS 问题,请尝试在响应式之前添加您的自定义 CSS...
  • 试过你所说的,也没有工作。猜测这个 html/css 需要认真重写,你同意吗?
  • 毫无疑问...对不起,我试了一下,但代码真的很乱
  • 有太多的 CSS 规则破坏了 Bootstrap 响应性
猜你喜欢
  • 1970-01-01
  • 2012-08-11
  • 2021-04-10
  • 2015-08-21
  • 2016-11-04
  • 1970-01-01
  • 1970-01-01
  • 2015-10-01
  • 1970-01-01
相关资源
最近更新 更多