JSFiddle - React, Tailwind, and code Playground

by Alireza Safian

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div id="header">

  <nav class="navbar navbar-default" role="navigation" style="background-color: #FFF;border-color: #FFF">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.jsp"><img class="img-rounded" src="images/logo/logo.jpg" width="100px" /></a>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="Btn showForm dropdown"><a href="addToCart_view.jsp" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-shopping-cart" style="font-size: 18px;"></span> <span class="colour backColor">6</span></a>
          <ul class="dropdown-menu" style="z-index:99999; ">


            <li>
              <div class="panel panel-default">
                <div class="panel-body">
                  <div class="panel-info">
                    <p><strong>Black Dress</strong></p>
                    <p>Each Price :&nbsp;<strong>Rs. 500.00</strong></p>
                    <p>Quantity :&nbsp;
                      <input type="number" value="3" />
                      <a href="#"><span class="glyphicon glyphicon-refresh"></span></p>
                                        </a>
                      <button class="btn btn-danger">Remove</button>
                  </div>

                  <div class="panel-more1">
                    <img src="http://lorempixel.com/100/100" />
                  </div>

               ...

CSS

#header
{
  position: relative;
  z-index: 1010;
}