search

digicorp / propeller

Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
http://propeller.in
MIT License
1.13k stars 139 forks source link

Bootstrap 4: Dropdown does not work #100

Closed dangxuanphuc closed 4 years ago

dangxuanphuc commented 4 years ago

Hi, I need to open my dropdown menu but not working Here my navbar code:

<div class="collapse navbar-collapse pmd-navbar-sidebar" id="navbarSupportedContent">
  <ul class="navbar-nav mr-auto">
    <li class="nav-item active">
      <a class="nav-link pmd-ripple-effect" href="#">Home <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
      <a class="nav-link pmd-ripple-effect" href="#">Link</a>
    </li>
    <li class="nav-item dropdown pmd-dropdown">  // HERE
      <a class="nav-link dropdown-toggle pmd-ripple-effect" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Dropdown
      </a>
      <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        <a class="dropdown-item pmd-ripple-effect" href="#">Action</a>
        <a class="dropdown-item pmd-ripple-effect" href="#">Another action</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item pmd-ripple-effect" href="#">Something else here</a>
      </div>
    </li>
  </ul>
</div>
monika-digicorp commented 4 years ago

Hello @dangxuanphuc , Please check if you have added integrity and crossorigin attributes in the script tags used for calling the jQuery, Popper.js and Bootstrap JS. If yes please remove them and then check. I think it should solve your issue.

However, even after removing the attributes you are still facing the issue, please share the code snippet with the libraries being called for our better understanding.

Regards, Monika

dangxuanphuc commented 4 years ago

Thanks.

monika-digicorp commented 4 years ago

Hello @dangxuanphuc , Its great to know that your issue is resolved.

Do let us know if there is anything else we can help you with.

Also, it would be great if you can post support messages related to Bootstrap 4 version of the library in the Propeller Pro support channel. It will help other Pro users also in case they face similar kind of issues.

Thanks and Regards, Monika