2014-04-14 281 views
0

獲得一些關閉的行爲與我的引導水平導航,由於某種原因,它似乎是增加額外的錨鏈接進入第一<li><!-- here --></li>元素。引導3水平導航添加錨

代碼:

<li class='submenu'> 
<a href='#'> 
    <img src='{{ URL::asset('img/menu/performance.png') }}' /> Performance 
     <ul class='nav'> 
    <li><a href='#'>abc</a></li> 
    <li><a href='#'>abc</a></li> 
    <li><a href='#'>abc</a></li> 
    <li><a href='#'>abc</a></li> 
    </ul> 
</a>      
</li> 

什麼鉻合金督察說:

<li class="submenu"> 
<a href="#"> 
    <img src="https://xxxxxx/img/menu/performance.png"> Performance 

    </a> 
    <ul class="nav" style="display: block;"><a href="#"> 
     </a><li><a href="#"></a><a ref="#">abc</a></li> 
     <li><a href="#">abc</a></li> 
     <li><a href="#">abc</a></li> 
     <li><a href="#">abc</a></li> 
    </ul> 
</li> 

任何一個得到了爲什麼發生這種情況的想法的?我哈克與下面的CSS固定它:

.left-nav .submenu li:nth-child(2) > a:first-child { 
    display:none; 
} 
+0

你有一個鏈接中的鏈接。這是錯的! –

+0

你有你的整個無序列表內錨定標記。爲什麼? –

+0

是的,找到了它們。我把它們移到了錨點之外,現在正在工作。 – Jono20201

回答

1

我使用中的鏈接的鏈接,導致這種情況發生。我已經將輔助選項卡<ul>移動到錨定選項卡之外,並且它正在工作。

4

你不應該有內部的另一條鏈路的任何鏈接。 這不是有效的HTML。

如果瀏覽器遇到的鏈接標籤,而已經是一個鏈接標籤內它將增加 結束標記的第一個鏈接。