All geek questions in one place

Dropstrap dropdown does not get an “open” class

I am trying to create a dropdown menu button using bootstrap:

<div class="btn-group">
<a href="#" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> dropdown </a>

                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                </ul>
</div>

bootstrap inserts a “public” class for the parent div by clicking a button to display a drop-down menu. In my case, it does not insert a "public" class. I tried replacing "btn-group" with a "drop-down list", but no benefit. Checked that bootstrap.min.js includes sources. Many thanks

+4
source share
4 answers

. , . CodeIgniter , , .

+2

jQuery?

:

<!DOCTYPE>
<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <link rel="stylesheet" href="bootstrap.min.css">
        <script type="text/javascript" src="bootstrap.min.js"></script>
    </head>
    <body>
        <div class="btn-group">
            <a href="#" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> dropdown </a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
            </ul>
        </div>
    </body>
</html>

0

, , $ (document).unbind(), , , , , .

0

bootstrap 4 - 

<div class="btn-group">
<a href="#" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown"> dropdown </a>
 <ul class="dropdown-menu show" role="menu">
   <li><a href="#">Action</a></li>
   <li><a href="#">Another action</a></li>
 </ul>
</div>
0

Source: https://habr.com/ru/post/1533997/

More articles:


All Articles