为 yii2 默认模板安装 bootstrap4
尝试使用几个指南安装用于 yii2 基本模板的 bootstrap4。似乎没有按预期进行。
我做了什么：
1） cmd： // install yii2composer create-project --prefer-dist yiisoft/yii2-app-basic
结果：yii2 基本模板使用 bootstrap3 工作
2.1） cmd： // 转到 yii2 文件夹cd yii2-app-basic
2.2） cmd： // 为 yii2 安装 bootstrap4composer require --prefer-dist yiisoft/yii2-bootstrap4
2.3） 更新了 \assets\AppAsset.php 中的依赖项：
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap4\BootstrapAsset',
];
结果：两个 bootstrap s in （bootstrap3 + bootstrap4）。导航栏看起来很糟糕：<link><head>
DIEA浏览 121回答 3
3回答
-
RISEBY
似乎导航栏的问题是因为这个：NavBar::begin([ 'brandLabel' => Yii::$app->name, 'brandUrl' => Yii::$app->homeUrl, 'options' => [ 'class' => 'navbar-inverse navbar-fixed-top', // THIS LINE ],]);它迫使导航栏呈现为bootstrap4导航栏需要和配色方案类，例如。<nav id="w0" class="navbar-inverse navbar-fixed-top navbar">navbar-expandnavbar-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 变体。 -
斯蒂芬大帝
yii2 项目的默认视图中的大多数小部件都使用 yii\bootstrap\BootstrapAsset （bootstrap 3）。不要指望当你调用 yii\bootstrap4\BootstrapAsset 时它会神奇地切换。您的步骤 2.3 只是将 bootstrap 4 添加到您使用小部件调用的所有其他库中。您可以执行的操作：1） 确保你正在调用 yii\bootstrap4\ 小部件，而不是调用 yii\bootstrap\BootstrapAsset 或任何依赖于此类的资产。例子：use yii\bootstrap4\Html;use yii\bootstrap4\Modal;use yii\bootstrap4\Tabs;use yii\bootstrap4\ActiveForm;2） 请记住，bootstrap 4 与 bootstrap 3 具有不同的类。因此，如果您将其应用于默认视图，它很可能会中断，因为它没有来自其他版本的一些类，或者js的行为不同。 -
慕标琳琳
可能在项目根目录的文件夹中，在文件中您需要更改：WidgetsAlert.phpclass Alert extends \yii\bootstrap\Widget自class Alert extends \yii\bootstrap4\Widget
随时随地看视频慕课网APP
PHP