为 yii2 默认模板安装 bootstrap4
尝试使用几个指南为 yii2 基本模板安装 bootstrap4。似乎它没有按预期进行。
我做了什么：
1) cmd: composer create-project --prefer-dist yiisoft/yii2-app-basic// 安装 yii2
结果：yii2 基本模板使用 bootstrap3
2.1) cmd: cd yii2-app-basic// 进入 yii2 文件夹
2.2) cmd: composer require --prefer-dist yiisoft/yii2-bootstrap4// 为 yii2 安装 bootstrap4
2.3) 更新了\assets\AppAsset.php中的依赖项：
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap4\BootstrapAsset',
];
结果：（bootstrap3 + bootstrap4）<link>中有两个 bootstrap 。<head>导航栏看起来很糟糕：
aluckdog浏览 211回答 3
3回答
-
蝴蝶不菲
似乎导航栏的问题是因为这个：NavBar::begin([ 'brandLabel' => Yii::$app->name, 'brandUrl' => Yii::$app->homeUrl, 'options' => [ 'class' => 'navbar-inverse navbar-fixed-top', // THIS LINE ],]);它迫使导航栏呈现为<nav id="w0" class="navbar-inverse navbar-fixed-top navbar">同时引导4导航栏需要navbar-expand和配色方案类，例如。navbar-dark所以我们可以：1）删除提到'class'的行>>导航栏将呈现为<nav id="w0" class="navbar navbar-expand-lg navbar-light bg-light">2）或更新它：'class' => 'fixed-top navbar-expand-lg navbar-dark bg-dark',按钮类等也是如此......只需将其更改为 bootstrap4 变体。 -
HUWWW
yii2 项目默认视图中的大多数小部件都使用 yii\bootstrap\BootstrapAsset (bootstrap 3)。当您调用 yii\bootstrap4\BootstrapAsset 时，不要期望它会神奇地切换。您的步骤 2.3 只是将引导程序 4 添加到您使用小部件调用的所有其他库中。你可以做什么：1) 确保您正在调用 yii\bootstrap4\ widgets 而不是调用 yii\bootstrap\BootstrapAsset 或任何依赖于此类的资产。例子：使用 yii\bootstrap4\Html;使用 yii\bootstrap4\Modal；使用 yii\bootstrap4\Tabs；使用 yii\bootstrap4\ActiveForm；2) 请记住，bootstrap 4 与 bootstrap 3 具有不同的类。因此，如果您将其应用于默认视图，它很可能会中断，因为它没有来自其他版本的某些类，或者 js 的行为不同。 -
慕尼黑8549860
可能在Widgets项目根目录的文件夹中，在Alert.php您需要更改的文件中：class Alert extends \yii\bootstrap\Widget至class Alert extends \yii\bootstrap4\Widget
随时随地看视频慕课网APP
PHP