爲什麼菜單項的文本不可見？

引導菜單項的文本在下面的小提琴中不可見。你能提供原因嗎？爲什麼菜單項的文本不可見？

同小提琴代碼複製粘貼在這裏，

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"/> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> 
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script> 
    </head> 
    <body> 
    <div class="btn-group"> 
    <span class="dropdown"> 
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     <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="dropdown-submenu"> 
     <a tabindex="-1" href="#">More options</a> 
     <ul class="dropdown-menu "> 
      <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> 
     </ul> 
     </li> 
    </ul> 
    </span> 
    <a class="btn" data-toggle="dropdown" href="#">ClickMe</span></a> 
    <span class="dropdown"> 
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
     <li><a tabindex="-1" href="#">One</a></li> 
     <li><a tabindex="-1" href="#">Two</a></li> 
     <li><a tabindex="-1" href="#">Three</a></li> 
    </ul> 
    </span> 
    </div> 
    </body> 
</html>

來源

2012-12-12 SunnyShah

.btn組在此文件中具有零字體大小：

引導，combined.min.css

來源

2012-12-12 17:04:34

對它進行排序的+1。 – jackJoe

爲什麼菜單項的文本不可見？

回答

相關問題