尝试使用几个指南为 yii2 基本模板安装 bootstrap4。似乎它没有按预期进行。我做了什么：1) cmd: composer create-project --prefer-dist yiisoft/yii2-app-basic// 安装 yii2结果：yii2 基本模板使用 bootstrap32.1) cmd: cd yii2-app-basic// 进入 yii2 文件夹2.2) cmd: composer require --prefer-dist yiisoft/yii2-bootstrap4// 为 yii2 安装 bootstrap42.3) 更新了\assets\AppAsset.php中的依赖项：public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap4\BootstrapAsset',];结果：（bootstrap3 + bootstrap4）<link>中有两个 bootstrap 。<head>导航栏看起来很糟糕：
3 回答
蝴蝶不菲
TA贡献1810条经验 获得超4个赞
似乎导航栏的问题是因为这个：
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
TA贡献1874条经验 获得超12个赞
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
TA贡献1818条经验 获得超11个赞
可能在Widgets项目根目录的文件夹中，在Alert.php您需要更改的文件中：
class Alert extends \yii\bootstrap\Widget
至
class Alert extends \yii\bootstrap4\Widget
- 3 回答
- 0 关注
- 210 浏览
添加回答
举报
0/150
提交
取消