尝试使用几个指南安装用于 yii2 基本模板的 bootstrap4。似乎没有按预期进行。我做了什么：1） cmd： // install yii2composer create-project --prefer-dist yiisoft/yii2-app-basic结果：yii2 基本模板使用 bootstrap3 工作2.1） cmd： // 转到 yii2 文件夹cd yii2-app-basic2.2） cmd： // 为 yii2 安装 bootstrap4composer require --prefer-dist yiisoft/yii2-bootstrap42.3） 更新了 \assets\AppAsset.php 中的依赖项：public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap4\BootstrapAsset',];结果：两个 bootstrap s in （bootstrap3 + bootstrap4）。导航栏看起来很糟糕：<link><head>
3 回答
RISEBY
TA贡献1856条经验 获得超5个赞
似乎导航栏的问题是因为这个：
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 变体。
斯蒂芬大帝
TA贡献1827条经验 获得超8个赞
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的行为不同。
慕标琳琳
TA贡献1830条经验 获得超9个赞
可能在项目根目录的文件夹中，在文件中您需要更改：WidgetsAlert.php
class Alert extends \yii\bootstrap\Widget
自
class Alert extends \yii\bootstrap4\Widget
- 3 回答
- 0 关注
- 120 浏览
添加回答
举报
0/150
提交
取消