JSFiddle - React, Tailwind, and code Playground

by ravimallya

HTML

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<div class="btn-group">
  <button class="btn">Action</button>
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
      <a href="#"><i class="icon-chevron-right"></i>Hyperlink One</a>
      <li><a href="#">Item One</a></li>
      <li><a href="#">Item Two</a></li>
      <li><a href="#">Item Three</a></li>
      <li class="divider"></li>
      <a href="#"><i class="icon-chevron-right"></i>Hyperlink Two</a>
      <li><a href="#">First Item</a></li>
      <li><a href="#">Second Item</a></li>
      <li><a href="#">Third Item</a></li>
      <li class="divider"></li>
      <a href="#"><i class="icon-chevron-right"></i>Hyperlink Three</a>
      <li><a href="#">Item One</a></li>
      <li><a href="#">Item Two</a></li>
      <li><a href="#">Item Three</a></li>
      <li class="divider"></li>
  </ul>
</div>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.dropdown-menu > a
{ 
    padding:4px 0px 4px 10px;
    text-decoration:none;
    background:#ccc;
    display:block;
}

JavaScript

$(function () {
   
    
});