JSFiddle - React, Tailwind, and code Playground

by Sri Harsha Pamu

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<span class="pull-right">
   <span class="help-menu dropdown">
       <span class="dropdown-toggle" data-toggle="dropdown" role="button">
          <span class="help-header" tab-index="0">Help</span>
        </span>
           <ul class="dropdown-menu pull-right" tabindex="-1" role="menu">
             <li tabindex="-1"><a [href]="/help.html" target="_blank">Docs</a></li>
           </ul>
    </span>
 </span>

CSS

.help-header{
   &:after{
      content: "\25BE"; //caret should be displayed! (not getting displayed! )
   }
}
.help-menu{
            display: inline-block;
            cursor: pointer;
            background: aqua;
            margin-top: 10px;
            margin-right: 20px;
}