JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/css/bootstrapvalidator.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js"></script>
<!-- BEGIN Bootstrap form testing-->
                <form class="form-horizontal" id="validateForm">
                    <div class="row">
                        <div class="col-md-offset-1 col-md-4">
                     
                            <div class="form-group">
                                <label class="control-label">Select your patient sets:</label>
                                <select name="patientSets" class="form-control" >
                                    <option value=" " >Please select patient set</option>
                                    <option>PS1</option>
                                    <option>PS2</option>
                                </select>
                            </div>

                        
                              
                            <div class="form-group">
                                <label class="control-label">Description of research project:</label>
                                <textarea class="form-control" name="descriptionOfResearchProject" placeholder="Enter your description here...."></textarea>
                              </div>
                              
                            
                        </div>
                        <div class="col-md-offset-1 col-md-4">
                            <div class="form-group">
                                <label class="control-label">Title of your research project:</label>
                                <input name="titleOfResearchProject" placeholder="Enter your title here...." class="form-control"...

JavaScript

$(document).ready(function() {
    //BEGIN FORM Validations
        $('#validateForm').bootstrapValidator({
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        
        patientSets: {
            validators: {
                notEmpty: {
                    message: 'Please select a patient set'
                }
            }
        },
        titleOfResearchProject: {
            validators: {
                stringLength: {
                    min: 5,
                    message: 'Please Enter the title with minimum 5 letters length'
                },
                notEmpty: {
                    message: 'Please Enter title of your project'
                }
            }
        },
        
        descriptionOfResearchProject: {
            validators: {
                stringLength: {
                    min: 15,
                    max: 100,
                    message: 'Please enter at least 15 characters and no more than 100'
                },
                notEmpty: {
                    message: 'Please Enter Description'
                }
            }
        },
        intendedUse: {
            validators: {
                notEmpty: {
                    message: 'Please select one option'
                }
            }
        },
    }
});

        //END FORM Validations
});