Twitter bootstrap 3 RC2 - 导航在IE8不工作 [英] Twitter bootstrap 3 RC2 - Navigation in IE8 not working

问题描述

我使用Twitter Bootstrap 3 RC2在我的页面顶部创建一个导航条，除了在IE8中可以正常工作。

I'm using Twitter Bootstrap 3 RC2 to create a navbar at the top of my page which works fine except in IE8.

在IE8中，浏览器做得很小，因此菜单会折叠为移动视图。但现在不是这样。

In IE8 is acts like as if the browser was made small, so that the menu collapses for mobile view. But this is not the case.

现在我知道TB3还在进行中。但我想知道是否有人在这里有解决方案。

Now i know that TB3 is still a work in progress. But i'd like to know if anyone have a solution for this here.

如果你想检查我的问题IE8，然后查看此处：

If you want to check my problem with IE8, then look here:

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

（您需要直接链接，因为JSFiddle自身不能与IE8一起使用）

(you need the direct link, because the JSFiddle it self doesn't work with IE8)

这里是JSFiddle：

And here is the JSFiddle:

http：/ /jsfiddle.net/DnwJN/

您会看到navbar在其他浏览器中正常工作。甚至IE9。但不是IE8。而TB3支持IE8。

You'll see that the navbar works fine in every other browser. Even IE9. But not IE8. And TB3 does support IE8. They only dropped support for IE7 and below.

任何人都有解决这个问题的解决方案？

Anyone have a solution for this problem?

<nav class="navbar" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Title</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <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 class="navbar-form navbar-left" role="search">
      <div class="form-group">
          <input type="text" class="form-control" placeholder="Search" />
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <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>

这篇关于Twitter bootstrap 3 RC2 - 导航在IE8不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！