Laravel 4 在laravel 5中引导如何正确工作？_Laravel 4_Laravel 5_Laravel 5.1

Laravel 4 在laravel 5中引导如何正确工作？

laravel-4 laravel-5

Laravel 4 在laravel 5中引导如何正确工作？,laravel-4,laravel-5,laravel-5.1,Laravel 4,Laravel 5,Laravel 5.1,我是第一个在一周左右学习laravel 5.2的人。我试着从youtube和文档laravel学习larevel。但我不知道他们会教我，只是复制templat bootstrap，而不下载bootstrap文件放到公共文件夹中，这是可行的，但当我尝试遵循主题时，它对我不起作用，但当我下载bootstrap文件放到公共文件夹中并称之为有效。我的问题是我想知道引导如何在laravel中正确工作。您只需要创建刀片模板，然后在模板中放置引导链接示例（index.blade.php）CDN链接： <

我是第一个在一周左右学习laravel 5.2的人。我试着从youtube和文档laravel学习larevel。但我不知道他们会教我，只是复制templat bootstrap，而不下载bootstrap文件放到公共文件夹中，这是可行的，但当我尝试遵循主题时，它对我不起作用，但当我下载bootstrap文件放到公共文件夹中并称之为有效。我的问题是我想知道引导如何在laravel中正确工作。

您只需要创建刀片模板，然后在模板中放置引导链接

示例（index.blade.php）CDN链接：

<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Title</title>
<!-- Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
 <!-- Here you can put your content -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>
</html>


标题

示例（index.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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Title</title>
<!-- Bootstrap -->
    <link href="http://yoursite/public/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- Here you can put your content-->
<script src="http://yoursite/public/assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>


标题

您只需创建刀片模板，然后在模板中放置引导链接

示例（index.blade.php）CDN链接：

<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Title</title>
<!-- Bootstrap -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
 <!-- Here you can put your content -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>
</html>


标题

示例（index.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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Title</title>
<!-- Bootstrap -->
    <link href="http://yoursite/public/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- Here you can put your content-->
<script src="http://yoursite/public/assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>


标题

Laravel是一个服务器端框架。它应该处理数据库、缓存、日志和验证。 Bootstrap是一个客户端UI框架。它应该处理UI组件，如选项卡、网格、表单和一些排版方面

每一个服务器端框架都支持每一个客户端框架，所以可以随意使用Laravel和Bootstrap

特别是，您应该使用一些常见的html创建一个基本布局，并在不同的视图中扩展它。在这个基本布局中，您必须通过CDN或本地使用asset（）helper包含引导。此帮助程序帮助您构建url（）。

每一个服务器端框架都支持每一个客户端框架，所以可以随意使用Laravel和Bootstrap

另一种方法是从npm获得引导（如果您喜欢脱机工作），另外，默认情况下，laravel 5附带gulp和package.json文件
1.将以下内容添加到json包中
{
“私人”：没错，
“依赖项”：{
“吞咽”：“^3.8.8”，
“拉维长生不老药”：“^2.0.0”，
“jquery”：“最新”，
“引导”：“最新”
}
}
2.如果在linux上进行sudo npm安装时遇到任何错误，npm安装将获得所需的最新引导和jquery版本
3.将css和javascript文件与laravel elixir混合，在gulpfile.js中声明如下
var elixir=需要（'laravel-elixir'）；
变量nodeDir='./节点_模块/'；
/*
|--------------------------------------------------------------------------
|长生不老药资产管理
|--------------------------------------------------------------------------
|
|Elixir提供了一个干净、流畅的API来定义一些基本的吞咽任务
|用于您的Laravel应用程序。默认情况下，我们正在编译Sass
|文件，以及发布供应商资源。
|
*/
长生不老药（功能（混合）{
//首先混合css并复制所需的字体
//mix.css（'app.css'，'public/css'，）
混合风格([
'bootstrap/dist/css/bootstrap.css'，
'font-awesome/css/font-awesome.css'
]，'./public/css/app.css'，nodeDir）
.copy（nodeDir+'font-awesome/font'、'public/font'）
.copy（nodeDir+‘引导/字体’、‘公共/字体’）；
//混合javascript
混合脚本([
“jquery/dist/jquery.js”，
'bootstrap/dist/js/bootstrap.js'
]//public/js/app.js'，nodeDir）；
});
狼吞虎咽
一口
最后是welcome.blade.php
用于引导的固定顶部导航栏示例
上面减少了加载引导引导及其依赖项jquery的http请求的数量
参考：https://laravel.com/docs/5.0/elixir
希望这有帮助

另一种方法是从npm获得引导（如果您喜欢脱机工作），另外laravel 5默认带有gulp和package.json文件
1.将以下内容添加到json包中
{
“私人”：没错，
“依赖项”：{
“吞咽”：“^3.8.8”，
“拉维长生不老药”：“^2.0.0”，
“jquery”：“最新”，
“引导”：“最新”
}
}
2.如果在linux上进行sudo npm安装时遇到任何错误，npm安装将获得所需的最新引导和jquery版本
3.将css和javascript文件与laravel elixir混合，在gulpfile.js中声明如下
var elixir=需要（'laravel-elixir'）；
变量nodeDir='./节点_模块/'；
/*
|--------------------------------------------------------------------------
|长生不老药资产管理
|--------------------------------------------------------------------------
|
|Elixir提供了一个干净、流畅的API来定义一些基本的吞咽任务
|用于您的Laravel应用程序。默认情况下，我们正在编译Sass
|文件，以及发布供应商资源。
|
*/
长生不老药（功能（混合）{
//首先混合css并复制所需的字体
//mix.css（'app.css'，'public/css'，）
混合风格([
'bootstrap/dist/css/bootstrap.css'，
'font-awesome/css/font-awesome.css'
]，'./public/css/app.css'，nodeDir）
.copy（nodeDir+'font-awesome/font'、'public/font'）
.copy（nodeDir+‘引导/字体’、‘公共/f