<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Contribute</legend> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="Language">Language</label> <div class="col-md-4"> <label class="radio-inline" for="Language-0"> <input type="radio" name="Language" id="Language-0" value="Node JS" checked="checked"> Node JS </label> <label class="radio-inline" for="Language-1"> <input type="radio" name="Language" id="Language-1" value="Java"> Java </label> <label class="radio-inline" for="Language-2"> <input type="radio" name="Language" id="Language-2" value="Python"> Python </label> <label class="radio-inline" for="Language-3"> <input type="radio" name="Language" id="Language-3" value="Other"> Other </label> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="Topic">Topic</label> <div class="col-md-4"> <select id="Topic" name="Topic" class="form-control"> <option value="Compute">Compute</option> <option value="Conversation">Conversation</option> <option value="Databases">Databases</option> <option value="DevOps">DevOps</option> <option value="Finance">Finance</option> <option value="Image Processing">Image Processing</option> <option value="Infrastructure">Infrastructure</option> <option value="Internet of Things">Internet of Things</option> <option value="Messaging">Messaging</option> <option value="Natural Language">Natural Language</option> <option value="Security">Security</option> <option value="Starter">Starter</option> <option value="Watson">Watson</option> <option value="Other Services">Other Services</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Description">Description</label> <div class="col-md-8"> <input id="Description" name="Description" type="text" placeholder="Short description (60 chars)" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Document URL">Document Link</label> <div class="col-md-5"> <input id="Document URL" name="Document URL" type="text" placeholder="Document URL (Optional)" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Image URL">Link to Image</label> <div class="col-md-4"> <input id="Image URL" name="Image URL" type="text" placeholder="Image URL (Optional)" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Video URL">Link to Video</label> <div class="col-md-4"> <input id="Video URL" name="Video URL" type="text" placeholder="Video URL (Optional)" class="form-control input-md"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Text Area</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">Text Area</label> <div class="col-md-4"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> </fieldset> </form>