使用laravel v5.4打破bootstrap v3.3.7的内容

时间:2017-09-21 06:16:38

标签: php twitter-bootstrap twitter-bootstrap-3 laravel-5.4

刷新页面然后我的内容坏了,我无法理解为什么会发生这种情况。有一段时间我的整个页面都被打破了。请帮我解决这个问题。

Bootstrap v:3.3.7
laravel v:5.4

这是我的代码:

 @extends('layouts.admin-user.main')

@section('main_content')
    <div class="ptb-80">
        <div class="users-mang">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        @include('layouts.success')
                        @include('layouts.errors')
                           <h1>User Management</h1>
                        <div class="portlet-title">
                            <div class="caption font-dark">
                                    @if(isset($searchData))
                                        <a href="@if (isset($companyData->company_name)){{ url($companyData->company_name.'/user-list') }}@endif"
                                           class="btn btn-info">Back to User List</a>
                                    @else
                                        <a href="@if (isset($companyData->company_name)){{ url($companyData->company_name.'/user') }}@endif"
                                           class="btn btn-success">Add User</a>
                                        <a href="#" class="btn btn-primary">Import User</a>
                                    @endif
                            </div>
                            <div class="tools"> </div>
                        </div>
                        <table class="table table-striped table-bordered table-hover" id="sample_1">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Group</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(isset($allData) && !$allData->isEmpty())
                                <?php $i = 0; ?>
                                @foreach($allData as $data)
                                    <?php $i++; ?>
                                    <tr>
                                        <td>{{ $i }}</td>
                                        <td>{{ $data->name }}</td>
                                        <td>{{ $data->email }}</td>
                                        <td>{{ $data->phone }}</td>
                                        <td>{{ $data->group_id }}</td>
                                        <td>
                                            <a href="@if (isset($companyData->company_name)){{ url($companyData->company_name.'/user/contact/'.$data->id) }}@endif"
                                               class="btn btn-info">Contact</a>
                                            <a href="@if (isset($companyData->company_name)){{ url($companyData->company_name.'/user/edit/'.$data->id) }}@endif"
                                               class="btn btn-primary">Edit</a>
                                            <a href="@if (isset($companyData->company_name)){{ url($companyData->company_name.'/user/delete/'.$data->id) }}@endif"
                                               onclick="return confirm('Are you sure?')"
                                               class="btn btn-danger">Delete</a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="6" class="text-center"> No available data.</td>
                                </tr>
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

这是一个破损的内容截图:

http://prntscr.com/gnrt8d

非常感谢。

0 个答案:

没有答案