html – Twitter bootstrap 3 RC2 – IE8导航不起作用

html – Twitter bootstrap 3 RC2 – IE8导航不起作用,第1张

概述我正在使用Twitter Bootstrap 3 RC2在我的页面顶部创建一个导航栏,除IE8之外,它的工作正常. 在IE8的行为就好像浏览器变小,使菜单崩溃为移动视图.但事实并非如此. 现在我知道TB3还在进行中.但是我想知道有没有人在这里有一个解决方案. 如果你想检查我的问题与IE8,那么看这里: http://jsfiddle.net/DnwJN/embedded/result/ (你需要直 我正在使用Twitter bootstrap 3 RC2在我的页面顶部创建一个导航栏,除ie8之外,它的工作正常.

在ie8的行为就好像浏览器变小,使菜单崩溃为移动视图.但事实并非如此.

现在我知道TB3还在进行中.但是我想知道有没有人在这里有一个解决方案.

如果你想检查我的问题与ie8,那么看这里:

http://jsfiddle.net/DnwJN/embedded/result/

(你需要直接链接,因为Jsfiddle自己不能用ie8)

这里是Jsfiddle:

http://jsfiddle.net/DnwJN/

您会看到导航栏在其他浏览器中都可以正常工作.甚至IE9.但不是ie8.而TB3支持ie8.他们只支持ie7及以下版本.

任何人都有解决这个问题的办法吗?

小提琴的代码

<nav  role="navigation">  <!-- Brand and toggle get grouped for better mobile display -->  <div >    <button type="button"  data-toggle="collapse" data-target=".navbar-ex1-collapse">      <span >Toggle navigation</span>      <span ></span>      <span ></span>      <span ></span>    </button>    <a  href="#">Title</a>  </div>  <!-- Collect the nav links,forms,and other content for toggling -->  <div >    <ul >      <li ><a href="#">Home</a></li>      <li><a href="#">link</a></li>      <li><a href="#">link</a></li>      <li >        <a href="#"  data-toggle="dropdown">Dropdown <b ></b></a>        <ul >          <li><a href="#">Action</a></li>          <li><a href="#">Another action</a></li>          <li><a href="#">Something else here</a></li>          <li><a href="#">Separated link</a></li>          <li><a href="#">One more separated link</a></li>        </ul>      </li>    </ul>    <form  role="search">      <div >          <input type="text"  placeholder="Search" />      </div>      <button type="submit" >submit</button>    </form>    <ul >      <li><a href="#">link</a></li>      <li >        <a href="#"  data-toggle="dropdown">Dropdown <b ></b></a>        <ul >          <li><a href="#">Action</a></li>          <li><a href="#">Another action</a></li>          <li><a href="#">Something else here</a></li>          <li><a href="#">Separated link</a></li>        </ul>      </li>    </ul>  </div><!-- /.navbar-collapse --></nav>
解决方法 希望这可以帮助…

从http://getbootstrap.com/getting-started/:

<!-- Enable responsive features in ie8 with Respond.Js (https://github.com/scottjehl/Respond) -->    <script src="Js/respond.Js"></script></body>
总结

以上是内存溢出为你收集整理的html – Twitter bootstrap 3 RC2 – IE8导航不起作用全部内容,希望文章能够帮你解决html – Twitter bootstrap 3 RC2 – IE8导航不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1102784.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存