Php Bootstrap和Yii框架

Php Bootstrap和Yii框架,php,css,twitter-bootstrap,yii,Php,Css,Twitter Bootstrap,Yii,我是Yii框架的新手,我想用这个框架实现我的引导设计 然而,关于我的自定义css有一个问题 因为我们有navbar默认值,用于在引导中为navbar着色。 在我的custom.css文件中,我已使用.navbar default{color:red;}更改了我的导航栏默认颜色 这是好的,只有引导 现在,当我将其添加到Yii框架时,它会被引导的默认css覆盖。我在Yii项目的头部使用到引导CDN的链接。确保在应用程序/web目录中有正确的资产定义 例如: 并将自定义css放置在右侧目录中 这样,您

我是Yii框架的新手,我想用这个框架实现我的引导设计

然而,关于我的自定义css有一个问题

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

这是好的,只有引导


现在,当我将其添加到Yii框架时,它会被引导的默认css覆盖。我在Yii项目的头部使用到引导CDN的链接。

确保在应用程序/web目录中有正确的资产定义

例如:

并将自定义css放置在右侧目录中

这样,您应该将custom.css链接定位在bootstrap.css链接的下方

例如:


确保在应用程序/web目录中有正确的资产定义

例如:

并将自定义css放置在右侧目录中

这样,您应该将custom.css链接定位在bootstrap.css链接的下方

例如:

是的,我解决了这个问题。 我不知道我可以添加Appassets的链接。 所以,我只是在custom.css之前加入了我的引导cdn链接,这样custom.css就会覆盖引导默认值。

是的,我解决了这个问题。 我不知道我可以添加Appassets的链接。
因此,我只是在custom.css之前加入了我的引导cdn链接,这样custom.css就会覆盖引导默认值。

编写自己的
custom css
并包含在AssetBundle.php中首先加载引导,然后加载自定义css表是的,我在appasset中包含了我的custom.css,我在我的头部部分加载了cdn是的,我解决了这个问题。我不知道我可以添加Appassets的链接。所以,我只是在custom.css之前加入了我的引导cdn链接,这样custom.css就会覆盖引导默认值。编写你自己的
custom css
,并包含在AssetBundle.php中首先加载引导,然后加载你的自定义css表是的,我在appasset中包含了我的custom.css,我在我的头部部分加载了cdn是的,我解决了这个问题。我不知道我可以添加Appassets的链接。所以,我只是在custom.css之前加入了引导cdn链接,以便custom.css覆盖引导默认值。
    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',
        ];
    }
<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">
        NavBar::begin([
            'brandLabel' => $this->title = Yii::$app->name ,
            'brandUrl' => Yii::$app->homeUrl,
            ],
            'options' => [
                'class' => 'navbar-default navbar-fixed-top',
                'style' = 'color:red;',
            ],
        ]);