在 Laravel 中包含 BootstrapLaravel 7 的更新。

php laravel laravel-4

2022-08-30 20:15:58

我是Laravel新手。我刚刚安装了一些第三方软件包，我想将Twitter引导集成到我的脚本中。除了进入每个包并将代码添加到每个视图的边栏选项卡模板之外，是否有任何方法可以做到这一点？

答案 1

Laravel 7 的更新。

航站楼内：

laravel new project

cd project

composer require laravel/ui

php artisan ui bootstrap

npm install && npm run dev

然后，在您正在处理的HTML中，同时拉入CSS和JavaScript：

<!doctype html>
<html lang="en">
  <head>
    ...
    <link href="/css/app.css" rel="stylesheet">
  </head>
  <body>
    ....
    <script src="/js/app.js"></script>
  </body>
</html>

Laravel UI 的文档

@Svyat，希望这也回答了你的问题。

快乐编码:)

我意识到这是旧的...但这是我在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">

快乐编码

答案 2

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

<!-- 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>

这是我的视图（顶部）的一部分，它扩展了主布局，使其成为主布局的一部分。主布局存储在文件夹中，名称是如此，@extends（'layouts.master'）意味着从文件夹扩展并且它（名称）可以是任何东西，每个视图还必须包含在文件名之前。app/views/layouts/master.blade.phpmaster.blade.phplayouts.blade.php