soccer lineup generator on a field

<div class="container" id="main">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                <div class="text-center">
                    <h2>Lineup</h2>
                    <h4>Generate a random lineup</h4>
                </div>
                <div id="lineupContainer">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>Players</label>
                                <input class="form-control" id="playersInput" type="text">
                                <small class="form-text text-muted">Enter players names separated by comma</small>
                            </div>
                            <div class="form-group">
                                <label>Substitutes</label>
                                <input class="form-control" id="subsInput" type="text">
                                <small class="form-text text-muted">Enter substitutes names separated