猿问

为 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([&nbsp; &nbsp; 'brandLabel' => Yii::$app->name,&nbsp; &nbsp; 'brandUrl' => Yii::$app->homeUrl,&nbsp; &nbsp; 'options' => [&nbsp; &nbsp; &nbsp; &nbsp; 'class' => 'navbar-inverse navbar-fixed-top', // THIS LINE&nbsp; &nbsp; ],]);它迫使导航栏呈现为<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 变体。
0

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 的行为不同。
0

慕尼黑8549860

可能在Widgets项目根目录的文件夹中，在Alert.php您需要更改的文件中：class&nbsp;Alert&nbsp;extends&nbsp;\yii\bootstrap\Widget至class&nbsp;Alert&nbsp;extends&nbsp;\yii\bootstrap4\Widget
0
随时随地看视频慕课网APP

相关分类

PHP
php如何把参数放在Http Request Heade？？？？ 1 回答
我要回答