JSFiddle - React, Tailwind, and code Playground

by Alexey Ryazhskikh

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<form class="container">
    <div class="form-group">
            <label for="name" class=" control-label">Name</label>
        
            <input type="text" class="form-control" name="name" placeholder="name"/> 
    </div> 
    <div class="form-group">
        <div class="row">
            <label for="birthday" class="control-label col-xs-2 no-padding-right">Year</label>
            <label for="birthday" class="control-label col-xs-2 no-padding-right no-padding-left">Month</label>
            <label for="birthday" class="control-label col-xs-2 no-padding-left">Day</label>
        </div>
        <div class="row">
            <div class="col-xs-2 no-padding-right">
                <input type="text" class="form-control" placeholder="year"/>
            </div>
            <div class="col-xs-2 no-padding-left no-padding-right">
                <input type="text" class="form-control" placeholder="month"/>
            </div>
            <div class="col-xs-2 no-padding-left">
                <input type="text" class="form-control" placeholder="day"/>
            </div>    
        </div>
    </div>     
</form>

CSS

.no-padding-left {
    padding-left: 0.3em;
}
.no-padding-right {
    padding-right:0.3em;
}