Twitter bootstrap 如何在laravel模板中使用引导_Twitter Bootstrap_Laravel_Laravel 5_Laravel 5.4

Twitter bootstrap 如何在laravel模板中使用引导

twitter-bootstrap laravel laravel-5

Twitter bootstrap 如何在laravel模板中使用引导,twitter-bootstrap,laravel,laravel-5,laravel-5.4,Twitter Bootstrap,Laravel,Laravel 5,Laravel 5.4,我用的是Laravel 5.4。在web.php的routes文件夹中，我编写了以下代码： Route::get('test', function () { return view('test'); }); 我还在resources/views内部创建了test.blade.php。在这个文件中，我有一个简单的布局： <!DOCTYPE html> <html> <head> <meta charset="utf-8">

我用的是Laravel 5.4。在

web.php

的

routes

文件夹中，我编写了以下代码：

Route::get('test', function () {
    return view('test');
});

我还在

resources/views

内部创建了

test.blade.php

。在这个文件中，我有一个简单的布局：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Testing Bootstrap</title>
  </head>
  <body>
    <div class="container bg-danger">
      <p>This is a paragraph</p>
    </div>
  </body>
</html>


测试引导
这是一段

为了访问这个页面，我只需使用

localhost:8000/test

url

页面加载成功，但是像

container

和

bg danger

这样的引导类不受影响。为什么？如何在laravel刀片模板中使用引导功能？

除非这是您第一次使用引导功能，只需在您的头脑中添加指向引导文件的链接，就像其他css文件一样，即可完成此任务，cdn中的一个示例：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


测试引导
这是一段

PS：我下次的推荐：谷歌it，谷歌it。。。很可能它已经在Stackoverflow上给出了答案。希望能有帮助

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Testing Bootstrap</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  </head>
  <body>
    <div class="container bg-danger">
      <p>This is a paragraph</p>
    </div>
  </body>
</html>