在Laravel中包含Bootstrap

问题描述 投票:6回答:4

我是Laravel新手。我刚刚安装了一些第三方软件包,并且想将Twitter引导程序集成到我的脚本中。除了进入每个软件包并将代码添加到每个视图的刀片模板之外,有什么方法可以做到?

php laravel laravel-4
4个回答
7
投票

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

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


2
投票

最好的方法是创建一个主模板,并使每个模板扩展该主模板。

然后在主模板中,每当您需要向应用程序中添加诸如Twitter Bootstrap,jQuery等之类的东西时,只需将其添加到主模板中,然后您的每个页面都可以使用它。] >


1
投票

只需创建一个模板(如果需要,您可以将其称为main)。包括Twitter Bootstrap。从中扩展所有其他刀片视图。


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.