JSFiddle - React, Tailwind, and code Playground

by il kamil

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>

<div id="dropdownpanel" class="panel panel-appcomm dropdown">
    <div class="panel-heading">
        
<h3 class="panel-title">Site informatie</h3> 


    </div>
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">#</a>
    <div class="panel-body dropdown-menu">
        <div class="list-group">
             <h4 class="list-group-item-heading colorac">Grafiek</h4>

            <p class="list-group-item-text">
                <img src="http://notyellowchicken.com/wp-content/uploads/2008/03/astley_graph.jpg" alt="Grafiek">
            </p>
            <hr>
             <h4 class="list-group-item-heading colorac">Balans overzicht</h4>

            <p class="list-group-item-text">
                <div class="input-group"> <span class="input-group-addon">Omzet deze maand:</span>

                    <input type="text" class="form-control" name="OMZETMAAND1" readonly="readonly" value="+120%">
                </div>
            </p>
            <p class="list-group-item-text">
                <div class="input-group"> <span class="input-group-addon">Balans:</span>

                    <input type="text" class="form-control" name="BALANSMAAND1" readonly="readonly" value="+&euro;1250,-">
                </div>
            </p>
        </div>