如何在laravel模板中使用bootstrap

时间:2017-07-03 14:27:11

标签: twitter-bootstrap laravel laravel-5 laravel-5.4

我使用的是Laravel 5.4。在web.php的{​​{1}}文件夹中,我编写了以下代码:

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

我还在test.blade.php内创建了resources/views。在这个文件中我有一个简单的布局:

<!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网址。

页面加载成功,但containerbg-danger等引导类不受影响。为什么?如何在laravel刀片模板中使用引导功能?

1 个答案:

答案 0 :(得分:3)

除非这是您第一次使用引导程序,只需将链接添加到头部的bootsrap文件中,就像其他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">

.....

<!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>
  PS:我下次推荐:Google it,Google it ...很可能它已经在Stackoverflow上得到了解答。希望它有所帮助