JSFiddle - React, Tailwind, and code Playground

by Billy Moon

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<h2>Only one bully, group-addon</h2>

<table class="table">
    <tbody>
        <tr>
            <td>
                <div class="input-group">
                    <input id="cool" class="form-control">
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input id="cool" class="form-control">
                    <div class="input-group-addon">x</div>
                </div>
            </td>
            <td>pushed around...</td>
            <td>being bullied...</td>
            <td>by group addons...</td>
        </tr>
    </tbody>
</table>

<h2>Two bullying group-addons</h2> 
<table class="table">
    <tbody>
        <tr>
            <td>
                <div class="input-group">
                    <div class="input-group-addon">x</div>
                    <input id="cool" class="form-control">
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input id="cool" class="form-control">
                    <div class="input-group-addon">x</div>
                </div>
            </td>
            <td>pushed around...</td>
            <td>being bullied...</td>
            <td>by group addons...</td>
        </tr>
    </tbody>
</table>

<h2>No Bullies</h2>

<table class="table">
    <tbody>
        <tr>
            <td>
                <div class="input-group">
                    <input id="cool" class="form-control">
                </div>
            </td>
            <td>
                <div class="input-group">
                    <input id="cool" class="form-control">
                </div>
            </td>
            <td>pushed around...</td>
            <td>being bullied...</td>
            <td>by group addons...</td>
        </tr>
   ...

CSS

body{
    margin: 1em;
}