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;
}