Twitter bootstrap 引导导航现在显示在任何断点上

我使用的是

bootstrap3

，显然我不希望导航默认显示在手机上，目前它运行良好，但是它也不会显示在任何屏幕大小上

我的导航代码：

<div class="nav-holder navbar">
    <div class="container">
        <div class="row">
            <div id="mr_nav" class="nav-wrap col-xs-12 collapse navbar-collapse">
                <nav class="main-navigation" role="navigation">

                </nav>
            </div>
        </div>
    </div>
</div>

@media (min-width: 768px) {
  header.main .nav-holder {
    display: block;
  }
}

---

我在这里做错了什么吗？

你能把这个问题复制到fiddle@JSantosh我试过了，但这个问题无法在那里重现。