<p class="text-secondary">Normal Table</p>
            <div class="table-responsive mb-4">
                <table class="table">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Max</td>
                            <td>Johnson</td>
                            <td>@maxjohson</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>AdminUIUX</td>
                            <td>Templates</td>
                            <td>@adminuiux</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td colspan="2">Larry the Bird</td>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <p class="text-secondary">Striped Table</p>
            <div class="table-responsive mb-4">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Max</td>
                            <td>Johnson</td>
                            <td>@maxjohson</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>AdminUIUX</td>
                            <td>Templates</td>
                            <td>@adminuiux</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td colspan="2">Larry the Bird</td>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                </table>
            </div>
                                

            <p class="text-secondary">Bordered Table</p>
            <div class="table-responsive mb-4">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Max</td>
                            <td>Johnson</td>
                            <td>@maxjohson</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>AdminUIUX</td>
                            <td>Templates</td>
                            <td>@adminuiux</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td colspan="2">Larry the Bird</td>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            
            <p class="text-secondary">Primary Bordered Table</p>
            <div class="table-responsive">
                <table class="table table-bordered border-primary">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>Max</td>
                            <td>Johnson</td>
                            <td>@maxjohson</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>AdminUIUX</td>
                            <td>Templates</td>
                            <td>@adminuiux</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td colspan="2">Larry the Bird</td>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                </table>
            </div>