gpt4 book ai didi

php - 为 yii2 默认模板安装 bootstrap4

转载 作者:行者123 更新时间:2023-12-04 00:22:10 24 4
gpt4 key购买 nike

尝试使用多个指南为 yii2 基本模板安装 bootstrap4。似乎没有按预期进行。

我做了什么:

1) 命令:composer create-project --prefer-dist yiisoft/yii2-app-basic//安装 yii2

结果:yii2 基本模板使用 bootstrap3 工作

2.1) 命令:cd yii2-app-basic//转到 yii2 文件夹

2.2) 命令:composer require --prefer-dist yiisoft/yii2-bootstrap4//为 yii2 安装 bootstrap4

2.3) 更新了 \assets\AppAsset.php 中的依赖项:

public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap4\BootstrapAsset',
];

结果:两个 Bootstrap <link><head> ( Bootstrap 3 + Bootstrap 4)。导航栏看起来很糟糕: Navbar looks bad

3) 更新了\views\layouts\main.php:

use yii\bootstrap4\Nav;
use yii\bootstrap4\NavBar;

结果:没有按钮图标的小屏幕导航栏版本(在所有屏幕尺寸上): small-screen version

4) 命令:composer remove yiisoft/yii2-bootstrap//移除 bootstrap3

结果:“找不到类‘yii\bootstrap\Widget’”

5) 将/yii2-app-basic/中所有 *.php 文件的“yii\bootstrap\”更改为“yii\bootstrap4\”

结果:同(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">而 bootstrap4 导航栏需要 navbar-expand和配色方案类,例如。 navbar-dark

所以我们可以:

1) 删除提到的'class' line >> navbar 将呈现为 <nav id="w0" class="navbar navbar-expand-lg navbar-light bg-light">

2) 或更新:'class' => 'fixed-top navbar-expand-lg navbar-dark bg-dark',

按钮类等也是如此...只需将其更改为 bootstrap4 变体。

关于php - 为 yii2 默认模板安装 bootstrap4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59772893/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com