Your markup looks wrong. Here is the documentation on how to do dropdown lists:
Bootstrap Dropdowns - examples & tutorial[
^]
As for
RTL
, thier documentation explains how to implement here:
MDB 5 RTL[
^]
Accourding to the link above, this should work:
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<!--
</head>
<body>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</body>
</htmp>
NOTE: Don't forget to follow the documentation and add the RTL language on the
Html
tag.
The above code is not for the navbar, but the same still applies. Here is the documentation:
Bootstrap Navbar - examples & tutorial[
^]