Bootstrap 4 en la Plantilla de Yii2

Pasos para colocar bootstrap4 en la plantilla de Yii2

1.- En el archivo frontend/assets/AppAsset.php sustituir bootstrap por bootstrap4

         

     public $depends = [

        'yii\web\YiiAsset',

        'yii\bootstrap\BootstrapAsset',

    ];

     

    Sustituir por:

     public $depends = [

        'yii\web\YiiAsset',

        'yii\bootstrap4\BootstrapAsset',

    ];

    

2.- En el archivo frontend/views/layouts/main.php:

    use yii\bootstrap\Nav;

    use yii\bootstrap\NavBar;

    use yii\widgets\Breadcrumbs;

    use common\widgets\Alert;

    Sustituir por:

    use yii\bootstrap4\Nav;

    use yii\bootstrap4\NavBar;

    use yii\bootstrap4\Breadcrumbs;

    use hail812\adminlte3\widgets\Alert;

    

3.- En el archivo frontend/views/layouts/main.php: 

      NavBar::begin([

        'brandLabel' => Yii::$app->name,

        'brandUrl' => Yii::$app->homeUrl,

        'options' => [

            'class' => 'navbar-inverse navbar-fixed-top',

        ],

    ]);

    Sustituir por:

    NavBar::begin([

        'brandLabel' => Yii::$app->name,

        'brandUrl' => Yii::$app->homeUrl,

        'options' => [

            'class' => 'navbar navbar-expand-lg navbar-dark bg-dark',

        ],

    ]);

4.- Revisar la documentación:

    https://www.yiiframework.com/wiki/2556/yii2-upgrading-to-bootstrap-4

    https://getbootstrap.com/docs/4.4/components/navbar/

Puedes revisar el video en mi canal de YouTube: https://youtu.be/alY65TBNDi4