Reports

After a few minutes of struggle, it's working for me. thanks, @obama.

here is my functional version:

"bootstrap": "^5.3.3".

Ensure to use bootstrap (JS and CSS) in :

Either in HTML page under <head> tag.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kQtW33rZJAHjgefvhyyzcGF3C5TFyBQBA13V1RKPf4uH+bwyzQxZ6CmMZHmNBEfJ" crossorigin="anonymous"></script>

Or (if using React or other libraries, import it in the root component (e.g. main.jsx).

import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.bundle.js";

Here is a snippet of html. ( no jQuery or javascript)

<div className="dropdown">
    <a
      className="btn btn-primary dropdown-toggle"
      href="#"
      role="button"
      data-bs-toggle="dropdown"
      aria-expanded="true">
      Dropdown link
    </a>

    <ul className="dropdown-menu">
      <li>
        <a className="dropdown-item" href="#">Item</a>
      </li>
    </ul>
  </div>

79165785