嘗試使用幾個(gè)指南為 yii2 基本模板安裝 bootstrap4。似乎它沒(méi)有按預(yù)期進(jìn)行。我做了什么：1) cmd: composer create-project --prefer-dist yiisoft/yii2-app-basic// 安裝 yii2結(jié)果：yii2 基本模板使用 bootstrap32.1) cmd: cd yii2-app-basic// 進(jìn)入 yii2 文件夾2.2) cmd: composer require --prefer-dist yiisoft/yii2-bootstrap4// 為 yii2 安裝 bootstrap42.3) 更新了\assets\AppAsset.php中的依賴項(xiàng)：public $depends = [ 'yii\web\YiiAsset', 'yii\bootstrap4\BootstrapAsset',];結(jié)果：（bootstrap3 + bootstrap4）<link>中有兩個(gè) bootstrap 。<head>導(dǎo)航欄看起來(lái)很糟糕：
3 回答
蝴蝶不菲
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
似乎導(dǎo)航欄的問(wèn)題是因?yàn)檫@個(gè)：
NavBar::begin([
'brandLabel' => Yii::$app->name,
'brandUrl' => Yii::$app->homeUrl,
'options' => [
'class' => 'navbar-inverse navbar-fixed-top', // THIS LINE
],
]);
它迫使導(dǎo)航欄呈現(xiàn)為<nav id="w0" class="navbar-inverse navbar-fixed-top navbar">同時(shí)引導(dǎo)4導(dǎo)航欄需要navbar-expand和配色方案類，例如。navbar-dark
所以我們可以：
1）刪除提到'class'的行>>導(dǎo)航欄將呈現(xiàn)為<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貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個(gè)贊
yii2 項(xiàng)目默認(rèn)視圖中的大多數(shù)小部件都使用 yii\bootstrap\BootstrapAsset (bootstrap 3)。當(dāng)您調(diào)用 yii\bootstrap4\BootstrapAsset 時(shí)，不要期望它會(huì)神奇地切換。
您的步驟 2.3 只是將引導(dǎo)程序 4 添加到您使用小部件調(diào)用的所有其他庫(kù)中。
你可以做什么：
1) 確保您正在調(diào)用 yii\bootstrap4\ widgets 而不是調(diào)用 yii\bootstrap\BootstrapAsset 或任何依賴于此類的資產(chǎn)。例子：
使用 yii\bootstrap4\Html;
使用 yii\bootstrap4\Modal；
使用 yii\bootstrap4\Tabs；
使用 yii\bootstrap4\ActiveForm；
2) 請(qǐng)記住，bootstrap 4 與 bootstrap 3 具有不同的類。因此，如果您將其應(yīng)用于默認(rèn)視圖，它很可能會(huì)中斷，因?yàn)樗鼪](méi)有來(lái)自其他版本的某些類，或者 js 的行為不同。
慕尼黑8549860
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超11個(gè)贊
可能在Widgets項(xiàng)目根目錄的文件夾中，在Alert.php您需要更改的文件中：
class Alert extends \yii\bootstrap\Widget
至
class Alert extends \yii\bootstrap4\Widget
- 3 回答
- 0 關(guān)注
- 252 瀏覽
添加回答
舉報(bào)
0/150
提交
取消