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

Question

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

1. Affix无法正常工作。
2. 导航项目不是水平的。

请帮我解决这个问题。

还有一个帮助，如果有任何可用的引导类列表也可以帮助我。

HTML CODE：

<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

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

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

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