JSFiddle - React, Tailwind, and code Playground

by dorathoto

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css">
        <button data-toggle="modal" data-target="#modal-filtro"><i class="fa fa-filter" aria-hidden="true"></i> Filtros </button>


<div class="modal fade" id="modal-filtro" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="exampleModalLabel">Filtros</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
            <div class="row">
            
            
                <div class="form-group">
                    <div class="col-xs-2">
                        <div class="onoffswitch">
                            <input type="checkbox" name="chkBairro" class="onoffswitch-checkbox" id="chkBairro">
                            <label class="onoffswitch-label" for="chkBairro">
                                <span class="onoffswitch-inner"></span>
                                <span class="onoffswitch-switch"></span>
                            </label>
                        </div>

                    </div>
                    <div class="col-xs-2">Bairros</div>
                    <div class="col-xs-8">
                        <select class="form-control">
                            <option>Selecione</option>
                            <option>Lorem</option>
                            <option>Lorem</option>
                        </select>
                    </div>
               ...