JSFiddle - React, Tailwind, and code Playground

by sibin va

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>
<ul class="testul">
    <li class="dropdown">
        <a href="/preview/#design-centre" class="dropdown-toggle disabled" 
     data-toggle="dropdown" data-hover="dropdown">
    Design Centre <i class="fa fa-angle-down"></i>
  </a>
  <ul class="menulist dropdown-menu" role="menu">
    <li><a href="/preview/#design-centre">Overview</a></li>  
  </ul>
 </li>
    
</ul>

CSS

.testul{
    position:relative;
}
.dropdown:hover .dropdown-menu {
display: block;
}