Twitter Bootstrap 3-Affix顶部导航栏不起作用

Question

我正在使用Twitter Bootstrap 3框架。 看看这个FIDDLE ，您就会了解我的问题。

1. 词缀无法正常运行。
2. 导航项不是水平的。

请帮助我解决此问题。

还有一个帮助，如果有可用的引导程序类列表对我也有帮助。

HTML代码：

<div class="container" data-spy="affix" data-offset-top="100" id="nav">
    <div class="navbar well">
        <div class="navbar-inner">
            <div class="container">
                <div class="col-md-12">
                     <ul class="nav">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Contact</a></li>
                     </ul>
                </div>
            </div> 
        </div> 
    </div> 
</div>

Answer 1

首先，对于菜单，不应将div与"container"和“ col-md-12 ”类一起使用。 这只是一个建议。

解决问题的最快方法是重写下一个CSS：

.nav > li {
    position: relative;
    display: inline-block;
}