JSFiddle - React, Tailwind, and code Playground
by battlfrog
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="form-inline">
<div class="row" id="radio-row">
<div class="form-group col-md-2">
<fieldset>
<legend>Recipient Class</legend>
<div class="radio">
<input data-val="true" data-val-number="The field RecipientClassId must be a number." data-val-required="The RecipientClassId field is required." htmlAttributes="{ class = form-control }" id="RecipientClassId" name="RecipientClassId" type="radio" value="1" />
<label for="Local_Government">Local Government</label>
</div>
<div class="radio">
<input htmlAttributes="{ class = form-control }" id="RecipientClassId" name="RecipientClassId" type="radio" value="2" />
<label for="State_Government">State Government</label>
</div>
<div class="radio">
<input htmlAttributes="{ class = form-control }" id="RecipientClassId" name="RecipientClassId" type="radio" value="3" />
<label for="Federal_Government">Federal Government</label>
</div>
<div class="radio">
<input htmlAttributes="{ class = form-control }" id="RecipientClassId" name="RecipientClassId" type="radio" value="4" />
<label for="Individual">Individual</label>
</div>
<div class="radio">
<input htmlAttributes="{ class = form-control }" id="RecipientClassId" name="RecipientClassId" type="radio" value="5" />
<label for="Partnership_Corporation">Partnership/Corporation</label>
</div>
<div class="radio">
<input htmlAttributes="{ class =...
CSS
fieldset {
border: 1px solid #527f03;
padding: 0 15px 15px 15px;
height: 100%;
}
.radio {
width: 100%;
}
#radio-row {
min-height: 200px;
}
#radio-row fieldset {
height: 100%;
}