table responsive کار نمیکند

سلام من از بوت استرپ استفاده می کنم و یک جدول دارم کلاس table-responsive هم بهش اضافه کردم اما جدول من رسانیبو نشد.

http://uupload.ir/files/wk1x_1.png

@extends('Admin.master')

@section('style')

@endsection

@section('content')

    <div class="col-md-۱۰">
        <div class="panel panel-default">
            <div class="panel-heading main-color-bg">
                <h۳ class="panel-title">بازرسی انجام نشده</h۳>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th>کد درخواست</th>
                            <th>نام آموزشگاه</th>
                            <th>شماره ملی مؤسس</th>
                            <th>فعالیت گروه</th>
                            <th>شهرستان</th>
                            <th>نام و نام خانوادگی مؤسس</th>
                            <th>کد ملی</th>
                            <th>موبایل</th>
                            <th>شماره تماس آموزشگاه</th>
                            <th>آدرس</th>
                            <th>نمایش جزئیات</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($schools as $school)
                                    <tr>
                                        <td class="translate">{{ $school->id }}</td>
                                        <td>{{ $school->school_name }}</td>
                                        <td class="translate">{{ $school->national_number_founder }}</td>
                                        <td>{{ $activity->group->group_name }}</td>
                                        <td>{{ $school->cities->city_name }}</td>
                                        <td>{{ $school->user->first_name }} {{ $school->user->last_name }}</td>
                                        <td class="translate">{{ $school->user->national_code }}</td>
                                        <td class="translate">{{ $school->user->mobile }}</td>
                                        <td class="translate">{{ $school->phone }}</td>
                                        <td>{{ $school->address }}</td>

                                        <td>
                                            <a href="{{ route('inspection-register.show', ['id' => $school->id]) }}"><span class="glyphicon glyphicon-list-alt"></span></a>
                                            <a href="{{ route('schools-list.index') }}"><span class="glyphicon glyphicon-search"></span></a>
                                        </td>
                                    </tr>
                                @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')

@endsection