Bootstrap 3.3.7 Sidebar Dropdown Menu

[arya]

Good afternoon,

I have a website with bootstrap 3.3.7 and I cannot update to the new versions due to its existing content. However, I want to create a dropdown menu that does not overlap. Currently, the dropdown upon clicking on "Revendedores" overlaps with the rest of the menu. What I would like is for it to open and expand the menu on the sidebar instead of overlapping.

Below is the HTML 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 assistance, as I am quite lost in the visual aspect.

Thank you very much, regards!
Aaron