JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">Click to open Modal</a>

<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span class="glyphicon glyphicon-question-sign"></span>

                </button>
                 <h4 class="modal-title" id="myModalLabel"><strong>Manual Schedule Options</strong></h4>

            </div>
            <div class="modal-body">
                <!-- Multiple Radios -->
                <div class="form-group">
                    <div class="col-md-12">
                        <label class="radio-inline" for="radios-0">
                            <input type="radio" name="radios" id="radios-0" value="1" checked="checked">Create a new workflow schedule instance and generate all tasks</label>
                    </div>
                    <div class="col-md-12">
                        <label class="radio-inline" for="radios-1">
                            <input type="radio" name="radios" id="radios-1" value="2">Create a new workflow schedule instance, generate all tasks and set it to running</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>

CSS

.modal {
    font-family: Century Gothic!important;
}
.modal-body {
    min-height:100px;
}