JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#categories" aria-expanded="true"> <span class="sr-only">Раскрыть категории</span>
<span>Categories <span class="glyphicon glyphicon-plus-sign"></span></span>
</button>
</div>
<div class="navbar-collapse collapse in" id="categories" aria-expanded="true">
<ul class="nav navbar-nav">
<li class=" dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Leather goods <span class="glyphicon glyphicon-plus-sign btn btn-default navbar-btn"></span></a>
<!--a href="/agm_before_update_to_J3/index.php?option=com_virtuemart&view=category&virtuemart_category_id=134" >Leather goods</a>
<span class="dropdown-toggle glyphicon glyphicon-plus-sign btn btn-default navbar-btn" data-toggle="dropdown" role="button" aria-expanded="false"></span-->
<ul class="dropdown-menu " role="menu">
<li> <a href="/agm_before_update_to_J3/index.php?option=com_virtuemart&view=category&virtuemart_category_id=136">Goods1</a>
</li>
<li> <a href="/agm_before_update_to_J3/index.php?option=com_virtuemart&view=category&virtuemart_category_id=135">Goods2</a>
</li>
<li> <a href="/agm_before_update_to_J3/index.php?option=com_virtuemart&view=category&virtuemart_category_id=92">Goods3</a>
</li>
</ul>
...
CSS
li.dropdown{
display:inline-block;
}
li.dropdown.open {
background-color: #E7E7E7;
}
li.dropdown > span.dropdown-toggle{
float:right;
}