【问题标题】:how to use bootstrap with Laravel 5.2如何在 Laravel 5.2 中使用引导程序
【发布时间】:2017-11-12 08:17:33
【问题描述】:

我需要在 My Laravel 应用中使用 bootstrap 3。我已经下载了 bootstarp 并将其粘贴到 Laravel public-css 文件夹中。现在我需要将其与 My Laravel 应用程序集成。我怎样才能做到这一点?我不使用引导主题。只有css和js文件。我需要退出cdn。

【问题讨论】:

    标签: javascript css laravel-5 twitter-bootstrap-3


    【解决方案1】:

    Bootstrap 已经包含在 Laravel 中。在 Laravel 5.8 上,它位于 public/css/app.css 位置

    您只需将文件添加到刀片模板即可像这样使用引导程序

      **<link href="{{ asset('css/app.css') }}" rel="stylesheet">**
    

    【讨论】:

      【解决方案2】:

      经过 myapp/public/css/bootstrap.min.css 文件后

      你必须导入 css boostrap 源代码,

      <link rel="stylesheet" href="<?php echo asset ('css/bootstrap.min.css')?>" type="text/css">
      

      【讨论】:

        【解决方案3】:

        我找到了解决办法试试这个

        download the bootstrap package and
        
            copy bootstrap.min.css into your public/css folder
            copy bootstrap.min.js into your public/js folder
        
        Add the following to the head area of app.blade.php
        
        <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
        

        在app.blade.php关闭前添加

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        
        <script src="{{ asset('js/bootstrap.min.js') }}"></script>
        

        【讨论】:

          【解决方案4】:

          Laravel 5.2 自带 bootstrap sass。你可以在资源目录下找到它:

          https://github.com/laravel/laravel/blob/5.2/resources/assets/sass/app.scss

          只需取消注释 @import 行并使用 gulp 或其他方式构建公共资源。要包含 javascript,只需将其包含在您的文档头中,就像您添加任何其他资源一样。

          <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2021-05-20
            • 2017-11-11
            • 2017-02-02
            • 2016-06-08
            • 1970-01-01
            • 1970-01-01
            • 2020-05-06
            • 2016-08-09
            相关资源
            最近更新 更多