الیاس سخاوتی نیا
3 سال پیش توسط الیاس سخاوتی نیا مطرح شد
1 پاسخ

خطی کردن المان های درون یک td از table در css و بوت استرپ

سلام وقت بخیر
عکس زیر رو نگاه کنین
قسمت اقدامات من سه تا دکمه دارم که میخوام خطی باشن (کنار هم باشن) کلاس d-flex رو دادم به td ولی خب ریسپانسیو بودن رو بهم میریزه، باید چیکار کنم؟
توضیح تصویر رو وارد کنید

این هم کد جدول

        <table id="example1" class="table table-striped table-bordered" width="100%">
            <thead>
                <tr>
                    <th>ردیف</th>
                    <th>نام و نام ‌خانوادگی</th>
                    <th>شماره تلفن</th>
                    <th>اقدامات</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($users as $user)
                    <tr>
                        <td>{{$loop->index+1}}</td>
                        <td>{{$user->name}}</td>
                        <td>{{$user->phone_number}}</td>
                        <td>
                            <a class="mr-1" href="{{route('admin.users.show',compact('user'))}}">
                                <button type="button" class="btn btn-outline-success btn-uppercase btn-sm">
                                    <i class="ti-eye m-r-5"></i> مشاهده
                                </button>
                            </a>
                            <a class="mr-1" href="{{route('admin.users.edit',compact('user'))}}">
                                <button type="button" class="btn btn-outline-primary btn-uppercase btn-sm">
                                    <i class="ti-pencil m-r-5"></i> ویرایش
                                </button>
                            </a>
                            <form action="{{route('admin.users.destroy',compact('user'))}}" method="post" onSubmit="return confirm('آیا مطمئن هستید که میخواهید حذف کنید؟');">
                                @csrf
                                @method('delete')
                                <button type="submit" class="btn btn-outline-danger btn-uppercase btn-sm">
                                    <i class="ti-trash m-r-5"></i> حذف
                                </button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>

ثبت پرسش جدید
فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
2

یه دایو داخل td ایجاد کنین بهش کلاس مثلا actions_buttons بدید
بعد به اون دایو display: flex بدید مشکل حل میشه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام