2016-06-12 3 views
-3
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="css/bootstrap.css"> 
<script src="js/jquery.js"></script> 
<script src ="js/bootstrap.js"></script> 


</head> 
<body> 
<div class="dropdown"> 
    <button class = "btn btn-primary dropdown-toggle" data-toggle = "dropdown" >Article <span class = "caret"></span></button> 
    <ul class = "dropdown-menu"> 
     <li> <a href="#">Technology</a>s</li> 
     <li><a href="#">Scienece</a>s</li> 
     <li><a href="#">Scienece</a>s</li> 
    </ul> 
</div> 

</body> 
</html>  

Существует проблема с загрузчиком в этом коде, но я не в состоянии понять это, Plase помочь мнеменю Bootsrap Dropdown не работает

+0

Что именно не работает? – eol

+0

  • Scienece s
  • Что такое S для ?, не должно быть
  • Scienece
  • . – Kld

    +0

    извините, мой плохой, да, ур правильно, но выпадающее меню кода не работает еще –

    ответ

    0

    теперь его рабочий, http://jsfiddle.net/MadhawaMB/xkL15guj/24/

    Вы можете использовать Bootstrap CDN

     <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 
    
    <!-- Latest compiled and minified JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" ></script> 
    
    0

    Я думаю, что ваши добавленные файлы не работают должным образом. (css и js-файлы) Вы можете использовать/попробовать с помощью внешних ссылок при разработке.

    Это работает;

    <!DOCTYPE html> 
    <html lang="en"> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Document</title> 
    
    <!-- Latest compiled and minified CSS --> 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    
    
    </head> 
    <body> 
    <div class="dropdown"> 
        <button class = "btn btn-primary dropdown-toggle" data-toggle = "dropdown" >Article <span class = "caret"></span></button> 
        <ul class = "dropdown-menu"> 
         <li> <a href="#">Technology</a>s</li> 
         <li><a href="#">Scienece</a>s</li> 
         <li><a href="#">Scienece</a>s</li> 
        </ul> 
    </div> 
    
    </body> 
    </html>