выпадающее меню bootstrap active

Я пытаюсь создать раскрывающееся меню на моей домашней странице, но выпадающее меню всегда активно. Я использую этот код. Что с этим не так?выпадающее меню bootstrap active

Это часть выпадающего кода я использую:

<li class="dropdown" class="" itemprop="name" > 
        <a href="#" data-toggle="dropdown" class="dropdown-toggle">Admin <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Another action</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Settings</a></li> 
         </ul> 
         </li>

Это всегда активна, когда я открываю страницу и не тогда, когда я нажимаю его падение вниз.

источник

2016-06-02 eainet

Вам нужно будет включить JavaScript файлы, чтобы сделать его интерактивным. –

В будущем, пожалуйста, предоставьте минимальный, проверяемый пример или jsFiddle с вашим вопросом. Если бы вы это сделали, вы бы знали, что этот код отлично подходит, и ваша проблема находится где-то в другом месте. https://jsfiddle.net/w3rm4mhy/ –

Пожалуйста, разместите рабочий пример вашего кода (HTML/CSS/JS) в [Snippet] (https://blog.stackoverflow.com/2014/09/introducing-runnable- Javascript-CSS-и-HTML-код-сниппеты /). См. [Mcve] и [ask]. – vanburen

Здесь полный код.

<!DOCTYPE html> 
 
<html lang=""> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>Title Page</title> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
    </head> 
 
    <body> 
 
    <div class="dropdown"> 
 
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Admin 
 
     <span class="caret"></span></button> 
 
     <ul class="dropdown-menu"> 
 
     <li><a href="#">Action</a></li> 
 
     <li><a href="#">Another action</a></li> 
 
     <li class="divider"></li> 
 
     <li><a href="#">Settings</a></li> 
 
     </ul> 
 
    </div> 
 
    <script src="https://code.jquery.com/jquery.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
 
    </body> 
 
</html>

источник

2016-06-03 07:34:34 TOM

выпадающее меню bootstrap active

ответ

Смежные вопросы