Dropdown menu in sidebar using Bootstrap 3.3.7

[arya]

Good afternoon,

I have a website with bootstrap 3.3.7 and I cannot update to the new versions due to the existing content. However, I want to create a dropdown menu that does not overlap. Currently, when clicking on "Revendedores," the dropdown menu overlaps the rest of the menu. I would like it to open and expand in the side menu when clicked, not overlap.

Here is the code:


```html
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<center><i class="glyphicon glyphicon-menu-right"></i><i class="glyphicon glyphicon-menu-right"></i>Revendedores <i class="glyphicon glyphicon-menu-left"></i><i class="glyphicon glyphicon-menu-left"></i></center>
</a>
<ul class="dropdown-menu">
<li><center><a href=""><i class="glyphicon glyphicon-minus"></i><i class="glyphicon glyphicon-minus"></i>Proveedores <i class="glyphicon glyphicon-minus"></i><i class="glyphicon glyphicon-minus"></i></a></center></li>
<li><a href="platprov.php"><i class="glyphicon glyphicon-inbox"></i>Plataformas <span class="pull-right"></span></a></li>
<li><a href="proveedores.php"><i class="glyphicon glyphicon-plane"></i>Proveedores <span class="pull-right"></span></a></li>
<li><a href="pedidos.php"><i class="glyphicon glyphicon-plus-sign"></i>Pedidos <span class="pull-right"></span></a></li>
</ul>
</li>
```

I would appreciate any guidance as I am quite lost visually.

Thank you very much, regards!
Aaron