# Yii2禁用bootstrap.css、bootstrap.js

**URL:** <https://www.shiqidu.com/t/topic/580>\
**Category:** 开发调优\
**Tags:** Yii\
**Created:** [2019 年4 月 16 日 06:29 UTC](https://www.shiqidu.com/t/topic/580 "2019-04-16T06:29:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

作者： ![Eureka](https://www.shiqidu.com/user_avatar/www.shiqidu.com/eureka/32/5_2.png) [@Eureka](https://www.shiqidu.com/u/Eureka)\
发布日期： [2019 年4 月 16 日 06:29 UTC](https://www.shiqidu.com/t/topic/580/1 "2019-04-16T06:29:55Z")

</div>

Yii2默认引用了bootstrap.css，但是有时候想使用其他的前端框架，所以需要禁用掉bootstrap，具体方法如下。

在`config/web.php`中，添加下面的代码

```php
'assetManager' => [
    'appendTimestamp' => true,
    'class' => 'yii\web\AssetManager',
    'bundles' => [
        'yii\web\JqueryAsset' => [
            'js' => [
                YII_ENV_DEV ? 'jquery.js' : 'jquery.min.js'
            ]
        ],
        // 禁用boostrap.css
        'yii\bootstrap\BootstrapAsset' => [
            'css' => [],
        ],
        // 禁用boostrap.js
        'yii\bootstrap\BootstrapPluginAsset' => [
            'js' => []
        ]
    ]
],

```

返回浏览器刷新，无意外的话，现在已经禁用掉他们了。

---

<div class="post-metadata">

作者： ![kittyfamous](https://www.shiqidu.com/letter_avatar_proxy/v4/letter/k/5f9b8f/32.png) [@kittyfamous](https://www.shiqidu.com/u/kittyfamous)\
发布日期： [2019 年4 月 29 日 15:02 UTC](https://www.shiqidu.com/t/topic/580/2 "2019-04-29T15:02:09Z")

</div>

layout里面 main.php 直接删除掉bootstrapAsset::register

---

<div class="post-metadata">

作者： ![Eureka](https://www.shiqidu.com/user_avatar/www.shiqidu.com/eureka/32/5_2.png) [@Eureka](https://www.shiqidu.com/u/Eureka)\
发布日期： [2019 年4 月 30 日 01:54 UTC](https://www.shiqidu.com/t/topic/580/3 "2019-04-30T01:54:15Z")

</div>

没有这个asset，兄弟。

---

<div class="post-metadata">

作者： ![kittyfamous](https://www.shiqidu.com/letter_avatar_proxy/v4/letter/k/5f9b8f/32.png) [@kittyfamous](https://www.shiqidu.com/u/kittyfamous)\
发布日期： [2019 年4 月 30 日 04:57 UTC](https://www.shiqidu.com/t/topic/580/4 "2019-04-30T04:57:05Z")

</div>

@saonian:

1， layout直接注释 AppAsset::register($this);  
2， class AppAsset extends AssetBundle  
{  
public $basePath = ‘@webroot’;  
public $baseUrl = ‘@web’;  
public $css = [  
‘css/site.css’,  
‘css/index.css’  
];  
public $js = [  
];  
public $depends = [  
‘yii\web\YiiAsset’,  
// ‘yii\bootstrap\BootstrapAsset’, 注释掉 似乎就可以了  
];  
}

---

<div class="post-metadata">

作者： ![Eureka](https://www.shiqidu.com/user_avatar/www.shiqidu.com/eureka/32/5_2.png) [@Eureka](https://www.shiqidu.com/u/Eureka)\
发布日期： [2019 年4 月 30 日 06:38 UTC](https://www.shiqidu.com/t/topic/580/5 "2019-04-30T06:38:48Z")

</div>

@kittyfamous: 你可以试试注释掉 // ‘yii\bootstrap\BootstrapAsset’ 这一行行不行。

---

<div class="post-metadata">

作者： ![kittyfamous](https://www.shiqidu.com/letter_avatar_proxy/v4/letter/k/5f9b8f/32.png) [@kittyfamous](https://www.shiqidu.com/u/kittyfamous)\
发布日期： [2019 年10 月 24 日 14:45 UTC](https://www.shiqidu.com/t/topic/580/6 "2019-10-24T14:45:29Z")

</div>

最佳解决方案，或许应该是重新写一个新的layout文件。  
直接修改官方文件是不推荐的。

---

<div class="post-metadata">

作者： ![Eureka](https://www.shiqidu.com/user_avatar/www.shiqidu.com/eureka/32/5_2.png) [@Eureka](https://www.shiqidu.com/u/Eureka)\
发布日期： [2019 年10 月 24 日 15:36 UTC](https://www.shiqidu.com/t/topic/580/7 "2019-10-24T15:36:36Z")

</div>

重写layout文件跟禁用bootstrap没啥必然联系吧，官方的layout放在哪不是让你改是干啥的，难道还直接用吗？