JSFiddle - React, Tailwind, and code Playground

by Adam Mendoza

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<label>Question 1?</label>
   <div id="build-type"  class="btn-group radio-space" data-toggle="buttons-radio">
          <button type="button" id="build-maven"  name="build-type" class="btn btn-default btn-group-justified">maven</button>
          <button type="button" id="build-ant" name="build-type" class="btn btn-default btn-group-justified">ant</button>
   </div>
   <br/>
   <label>Questions 2?</label>
   <div id="test-framework" class="btn-group radio-space" data-toggle="buttons-radio">
          <button type="button" id="test-yes" name="test-framework" class="btn btn-default btn-group-justified">Yes</button>
          <button type="button" id="test-no" name="test-framework" class="btn btn-default btn-group-justified">No</button>
   </div>

CSS

.radio-space{
        width: 60%;
 }