Bootstrap 和 Yii 框架答案

【问题标题】：Bootstrap and Yii FrameworkBootstrap 和 Yii 框架
【发布时间】：2016-08-22 22:46:09
【问题描述】：

我是 Yii 框架的新手，我想用这个框架实现我的引导程序设计。

但是关于我的自定义 css 有一个问题。

因为我们有 navbar-default 用于为 Bootstrap 中的导航栏着色。我在custom.css 文件中使用.navbar-default{color:red;} 更改了导航栏默认颜色。

只有引导程序就可以了

现在，当我将它添加到 Yii 框架时，它会被引导程序的默认 css 覆盖。我在我的 Yii 项目中使用了引导 CDN 的链接。

【问题讨论】：

写你自己的custom css并包含在AssetBundle.php
加载第一个引导程序，然后加载您的自定义 CSS 表
是的，我已经在 appasset 中包含了我的 custom.css，并且我已经在我的 head 部分中加载了 cdn
是的，我解决了这个问题。我不知道我可以添加到 Appassets 的链接。所以，我只是在 custom.css 之前包含了我的 Bootstrap cdn 链接，以便 custom.css 覆盖 Bootstrap 默认值。

标签： php css twitter-bootstrap yii

【解决方案1】：

确保在 yourApp/web 目录中有正确的资产定义

例如：

    class AppAsset extends AssetBundle
    {
        public $basePath = '@webroot';
        public $baseUrl = '@web';
        public $css = [
            'css/custom.css',
        ];
        public $js = [
        ];
        public $depends = [
            'yii\web\YiiAsset',
            'yii\bootstrap\BootstrapAsset',
        ];
    }

和自定义css放置在正确的目录中..

这样，您应该将 custom.css 链接置于 bootstrap.css 链接下方

例如：

<title>Your Title </title>
<link href="/your_path/frontend/web/assets/bcc5353f/css/bootstrap.css" rel="stylesheet">
 ...
<link href="/your_path/area_web_dev/catone2.0.0-dev/frontend/web/css/custom.css" rel="stylesheet">

这样，custom.css navbar-default 样式应该覆盖引导样式..

无论如何，如果您无法以正确的顺序放置 yuor uosoum.css（并确保您的 css 文件中没有错误），您可以通过这种方式直接在导航栏小部件中分配样式（因此您可以执行内联样式)

        NavBar::begin([
            'brandLabel' => $this->title = Yii::$app->name ,
            'brandUrl' => Yii::$app->homeUrl,
            ],
            'options' => [
                'class' => 'navbar-default navbar-fixed-top',
                'style' = 'color:red;',
            ],
        ]);

【讨论】：

【解决方案2】：

是的，我解决了这个问题。我不知道我可以添加到 Appassets 的链接。所以，我只是在 custom.css 之前包含了我的 Bootstrap cdn 链接，以便 custom.css 覆盖 Bootstrap 默认值。

【讨论】：