2013-10-25 28 views
0

我已將我的代碼更新至twitter引導版本3並獲得了https://github.com/twbs/bootstrap/releases/download/v3.0.0/bootstrap-3.0.0-dist.zip下拉似乎不適用於版本3

我的下拉菜單仍然無效。代碼:

<head> 
     <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'> 
     <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Libre+Baskerville:400,700,400italic|Titillium+Web' rel='stylesheet' type='text/css'> 
     <link rel="stylesheet" type="text/css" href="css/Homestyle.css">  
     <link href="bootstrap3/css/bootstrap.min.css" rel="stylesheet" media="screen"> 

     <title>My Title</title> 
     <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> 
    </head> 
<body> 
.... 
.... 
.... 
<script type="text/javascript" src="bootstrap3/js/bootstrap.min.js"></script> 
</body> 

那麼實際按鈕的下拉列表中:

<div class="btn-group"> 
        <button type="button" class="btn btn-danger">Delley Hangs</button> 
        <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"> 
         <span class="caret"></span> 
        </button> 
        <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Mijn profiel</a></li> 
         <li><a href="#">Mijn vrienden</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Settings</a></li> 
        </ul> 
       </div> 

這有什麼錯我的代碼或與引導?我認爲這是我的錯,但不知道什麼是錯的!

編輯:我的<span class="caret"></span>也比實際的按鈕小?

+0

你得到任何控制檯錯誤? – patricksweeney

+0

沒有錯誤,一切都很好。 – Haidy

回答

1

我有你的代碼在使用Bootstrap 3 CDN和jQuery 1.9.1的jsfiddle中工作。也許你應該檢查你的jQuery版本?我實際上沒有看到jQuery在<head></body>之前列出?

http://jsfiddle.net/remus/VTt7D/

我複製並直接粘貼代碼,並使用該CDN:http://www.bootstrapcdn.com/

+0

謝謝你,我很愚蠢的忘記了jquery。它在我的項目中實現之前,但忘記它插入這裏。笨! ;) – Haidy

+1

哈哈!萬歲!控制檯中沒有出現什麼驚喜,但很高興它爲你工作。 – brandonscript

相關問題