Bootstrap в Laravel Усадьба - PullRequest
       6

Bootstrap в Laravel Усадьба

0 голосов
/ 02 февраля 2020

Я использую Laravel Homestead (через vagrant на Windows), и мой bootstrap не работает. Я знаю это, потому что мой аватар на моем обычном php сайте находится в круге (сделано с bootstrap), а его нет на Laravel сайте (а также если я скопирую некоторый код с сайта bootstrap не очень хорошо выходит). Я новичок в Laravel и у меня сложилось впечатление, что бустрап включен в Homestead, хотя я понятия не имею, почему он тогда не работает. Я пытался (просто чтобы убедиться) добавить css и js из bootstrap в файл макета, но даже это не решает проблему. В структуре моего сайта я вижу папку bootstrap. Итак, мне нужно как-то его активировать? Это то же самое, что и для обычного Laravel (имеется в виду, если вы установите все отдельно, а не с помощью Homestead) и как мне это сделать?

Мой код макета:

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>@yield('title', 'Scorpion To Do')</title>

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">

    <script src="https://kit.fontawesome.com/a6c4b1e6d8.js" crossorigin="anonymous"></script>

    <!-- Like I said, I added the bootstrap css to test it out -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
    <div class="flex-center position-ref full-height">
        @if (Route::has('login'))
            <div class="top-right links">
                @auth
                    <a href="{{ url('/home') }}">Home</a>
                @else
                    <a href="{{ route('login') }}">Login</a>

                    @if (Route::has('register'))
                        <a href="{{ route('register') }}">Register</a>
                    @endif
                @endauth
            </div>
        @endif

        <div class="content">
            <!-- In my normal php site, this avatar is in a round circle, that is how I know bootstrap is not working, because her it is not -->
            <div class="login100-form-avatar">
                <img src="{{ URL::to('/images/avatar-01.jpg') }}" alt="AVATAR" />
            </div>

            @yield('content')

        </div>
    </div>

    <!-- And also added the js from the bootstrap site -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

</body>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...