laravel中怎么修改bootstrap的默认蓝色？

Question

laravel中怎么修改bootstrap的默认蓝色？
版本：laravel 5.4, bootstrap 4.0.0-alpha.6
我想修改一下bootstrap默认的蓝色，是由$brand-primary这个变量控制的，在_variables.scss文件中可以看到。

问题：
如果使用bootstrap的方式是用cdn引入，那么还能改变量的值吗？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<link href="{{ asset('css/app.css') }}" rel="stylesheet">


<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="{{ asset('js/app.js') }}"></script>

Answer 1

CDN存储的文件是按默认配置编译scss之后的css文件，这时候已经不能再改变量了，当然你也可以这样修改：

1. 自己写样式覆盖，只要优先级比boostrap高。

2. 到github下载bootstrap的scss源码，调整变量，再重新编译成css，上传到CDN，国内也有很多这样的CDN平台，七牛，又拍云等等...

Answer 2

1.调试的时候F12里查看你要更改的元素css属性 看到最优先的蓝色样式所属的css/scss文段 直接修改bootstrap的源码（这个需要确认修改后不会影响其他元素 有点麻烦）

2.在你的app.css里写更高的优先级（例：带上！important 覆盖原有样式）