JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">HTML<i class="glyphicon glyphicon-edit"></i><i class="glyphicon glyphicon-trash"></i></a></li>
      <li><a href="#">CSS<i class="glyphicon glyphicon-edit"></i><i class="glyphicon glyphicon-trash"></i></a></li>
      <li><a href="#">JavaScript<i class="glyphicon glyphicon-edit"></i><i class="glyphicon glyphicon-trash"></i></a></li>
    </ul>	
  </div>

CSS

ul>li>a:hover i{
display:block !important;
float:right !important;
}
ul>li>a>i{
display:none !important;
}
.glyphicon-edit{
padding-left:7%;
}