如何在 Laravel 5.2 中编辑引导 css 文件

Question

您好，我正在使用 Laravel 5.2 应用程序和引导程序。我的引导程序文件位于 Laravel 应用程序的公共文件夹中。现在我需要更改“欢迎”的以下 div 标签的颜色

<div class="container">
<div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">Welcome</div>

                <div class="panel-body">
                    Your Application's Landing Page.
                </div>
            </div>
        </div>
    </div>
</div> 

那么我怎样才能改变这个颜色呢？我可以访问公用文件夹中的引导 css 文件吗？

Answer 1

我所做的（在 Laravel 中没有太多经验）是在 public/css 中添加我自己的 css 文件，其中包含我想要更改的样式，然后将其包含在 app.blade.php 中：

<link rel="stylesheet" href="{{ URL::asset('css/style.css') }}" />

最简单的方法是在欢迎行中添加一个 id 属性：

<div id="my-welcome" class="panel-heading">Welcome</div>

然后将这样的样式添加到您的 style.css：

#my-welcome {
  color: red;
}

Answer 2

是的，你可以，为了简单起见，你应该像这样在welcome.blade.php 文件中链接一个样式表：

<link type="stylesheet" css="{{ asset('css/style.css') }}" />

（这将在 /public/css/stlye.css 中查找 css 文件）

在 stlye.css 文件中添加以下 css：

.panel-heading {
   background-color: green; /* will change the background color */
   color: blue; /* will change the color of the font */
}