Question

我是一个Laravel新手。我刚刚安装了一些第三方软件包，我想将Twitter引导程序集成到我的脚本中。有没有办法做到这一点，没有进入每个包并将代码添加到每个视图的刀片模板？

Answer 1

这是我当前运行的应用程序主布局的顶部/标题部分：

<!-- app/views/layouts/master.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Simple CMS" />
    <meta name="author" content="Sheikh Heera" />
    <link rel="shortcut icon" href={{ assets("favicon.png") }} />

    <title>LaraPress</title>

    <!-- Bootstrap core CSS -->
    <link href = {{ asset("bootstrap/css/bootstrap.css") }} rel="stylesheet" />

    <!-- Custom styles for this template -->
    <link href = {{ asset("bootstrap/css/sticky-footer-navbar.css") }} rel="stylesheet" />

    <!-- Optional theme -->
    <link rel="stylesheet" href="{{ asset('bootstrap/css/bootstrap-theme.min.css') }}">
</head>

按照这种方法，让你的每个视图扩展主布局，如下所示：

<!-- app/views/user/show.blade.php -->
@extends('layouts.master')

@section('content')
<div class="panel panel-default">
    <div class="panel-heading"><label>View User</label>
        <a class ='pull-right' href="{{ Request::header('referer') }}">
            <i class="glyphicon glyphicon-circle-arrow-left"></i> Go Back
        </a>
    </div>

这是我的视图的一部分（顶部），它扩展了主布局，使其成为主布局的一部分。主布局存储在app/views/layouts/文件夹中，名称为master.blade.php，因此@extends（'layouts.master'）表示从master.blade.php文件夹扩展layouts及其名称（名称）可以是任何内容，每个视图在.blade之前的文件名中也必须包含.php。

Answer 2

我意识到这很旧了……但这是我在Google上获得的最高结果。希望这会在将来对某人有所帮助。

如果您使用的是 Laravel 6.2 ，

在终端内：

npm install bootstrap

在app.scss内：

@import "node_modules/bootstrap/scss/bootstrap";

在终端中，运行以下命令来生成/public/css/app.css文件：

npm run dev

在welcome.blade.php中：

<link rel="stylesheet" href="/css/app.css">

快乐编码

Answer 3

最好的方法是创建一个主模板，让每个模板扩展主模板。

然后在主模板中，每当你需要添加诸如Twitter Bootstrap，jQuery等等的东西到你的应用程序时，你只需添加到主模板，然后它就可用于你拥有的每个页面。

Answer 4

Laravel> 6.x引入了一种处理前端脚手架的新方法laravel/ui。

您可以简单地下载作曲家软件包：

composer require laravel/ui --dev

运行工匠命令：

php artisan ui bootstrap

Answer 5

只需创建一个模板（如果您满意，可以将其称为主模板）。在其上加入Twitter Bootstrap。从中扩展所有其他刀片视图。

是的，就这么简单！ = D

Answer 6

运行下面的命令，这将解决问题

npm i @popperjs/core

在Laravel中包含Bootstrap

6 个答案: