與橫向導航有些麻煩下拉菜單

我試圖代碼，基本上只是組織爲這樣的網站佈局：與橫向導航有些麻煩下拉菜單

Header (only an image) 
Horizontal Nav 
Content

起初，我的想法是隻是有一個div容器，並有頭， nav和內容作爲容器內的div;但是，我遇到了一些麻煩導航。我希望它是一個水平導航，所以我只是列出了一個列表，並使用內聯來實現它。當我開始嘗試合併輔助鏈接的下拉列表時，我遇到了問題。這是自2009年以來第一次編碼，所以我實際上只是學習新東西。我在谷歌上嘗試了一堆不同的東西，但我不明白他們的解釋。

我應該在div中使用nav標籤作爲我的列表嗎？這裏是我已經用來試圖弄清楚的jsfiddle基本代碼：http://jsfiddle.net/mcpy/z8yvx/110/

來源

2014-02-15 user3312280

所以你想菜單是垂直還是水平？ –

這不是一個答案，但這裏有一個更好的起點 - 因爲你沒有寫HTML 5年：這可能會幫助你瞭解最新的：http://jsfiddle.net/sheriffderek/u25gn/ – sheriffderek

這是一個非常難的核心下拉菜單：http://codepen.io/catalinred/pen/ngBJF – sheriffderek

那麼爲什麼你不能使用引導？它很容易使用，你可以在bootstrap中獲得下拉菜單。

例如在啓動腳本下拉菜單：

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
    <li><a tabindex="-1" href="#">Action</a></li> 
    <li><a tabindex="-1" href="#">Another action</a></li> 
    <li><a tabindex="-1" href="#">Something else here</a></li> 
    <li class="divider"></li> 
    <li><a tabindex="-1" href="#">Separated link</a></li> 
</ul>

，你可以看到和Boostrap Dropdown Menu學習。

來源

2014-02-15 07:22:44

也許是因爲我到現在還不知道bootstrap。我會看看，謝謝。 – user3312280

與橫向導航有些麻煩下拉菜單

回答

相關問題