Dropdown menu does not show subitems

Navigation
1

I have seen several posts, all with multiple answers, but I can not put my dropdown to work on the menu. It just does not open. Do I need to install something else?

My code is this: 

        <nav class="navbar navbar-default">
          <div class="container-fluid">
            <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1
                  <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Page 1-1</a></li>
                    <li><a href="#">Page 1-2</a></li>
                    <li><a href="#">Page 1-3</a></li>
                  </ul>
              </li>         
              </ul>
            </div>
          </div>
        </nav>

I'm using typescript.

    
asked by anonymous 12.11.2017 / 19:50

1 answer

0

I tested it here and it works perfectly, make sure the bootstrap files are being included correctly in the head of your code.

follow the example: 

<html>
<head>
    <title>teste</title>

    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><!--LatestcompiledJavaScript--><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    </head>

    <body>

    <nav class="navbar navbar-default">
          <div class="container-fluid">
            <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1
                  <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">Page 1-1</a></li>
                    <li><a href="#">Page 1-2</a></li>
                    <li><a href="#">Page 1-3</a></li>
                  </ul>
              </li>         
              </ul>
            </div>
          </div>
        </nav>

    </body>

</html>
    
12.11.2017 / 20:14
How to leave a function of an object superimposed on that of another object? Connect android app with messenger