php - 如何在 Laravel 5.2 中编辑 bootstrap css 文件

Question

你好，我正在使用 Laravel 5.2 应用程序和 Bootstrap 。我的 Bootstrap 文件位于 Laravel 应用程序的公共(public)文件夹中。现在我需要更改以下“欢迎”的 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> 

那我怎样才能改变它的颜色呢？我可以访问公用文件夹中的 bootstrap 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;
}