嘗試使用幾個指南為 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 關注
- 246 瀏覽
添加回答
舉報
0/150
提交
取消