<div class="container">

        <div class="row">
            <div class="col-12">
                <div class="table-responsive">
                    <table
                        class="table table-warning table-striped  table-hover table-sm table-bordered border-primary  caption-top">
                        <caption>Kullanıcı Listesi</caption>
                        <thead>
                            <tr class="table-success">
                                <th scope="col">#</th>
                                <th scope="col">Adı</th>
                                <th scope="col">Soyadı</th>
                                <th scope="col">Resmi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">1</th>
                                <td>Tarık</td>
                                <td>Demir</td>
                                <td>@mdo</td>
                            </tr>
                            <tr>
                                <th scope="row">2</th>
                                <td>Yakup</td>
                                <td>Yıldız</td>
                                <td>@fat</td>
                            </tr>
                            <tr class="table-dark">
                                <th scope="row">3</th>
                                <td colspan="2">Merve</td>
                                <td>@twitter</td>
                            </tr>
                            <tr>
                                <th scope="row">4</th>
                                <td>Canan</td>
                                <td>Yıldız</td>
                                <td>@mdo</td>
                            </tr>
                            <tr>
                                <th scope="row">5</th>
                                <td>Mehmet</td>
                                <td class="align-middle">Bu hücre, tablodan dikey hizalama: orta; özelliğini devralır
                                </td>
                                <td><img src="../../photoshop/ornekresimler/kucuk_cicek/c1.jpg"
                                        class="img-fluid" alt="..."></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>