Yii2 Advanced Editionにbootstrap.jsを導入するサンプルコードの詳細説明

この記事では主に、bootstrap.jsをYii2の上級版に導入する方法について詳しく説明していますので、一定の参考価値があり、興味のある方は参考にしてください。

frontend/assets/AppAsset.php内

コードサンプル

namespace frontend\assets;

use yii\web\AssetBundle;

/**
 * Main frontend application asset bundle.
 */
class AppAsset extends AssetBundle
{
  public $basePath = '@webroot';
  public $baseUrl = '@web';
  public $css = [
    'css/site.css',
  ];
  public $js = [
    'js/main.js',
  ];
  public $depends = [
    'yii\web\YiiAsset',
    'yii\bootstrap\BootstrapAsset',//注意这里必须要有
    'rmrevin\yii\fontawesome\AssetBundle',
  ];
}

vendor/yiisoft/yii2-bootstrap/BootstrapAsset.phpファイル内

namespace yii\bootstrap;

use yii\web\AssetBundle;

/**
 * Asset bundle for the Twitter bootstrap css files.
 *
 * @since 2.0
 */
class BootstrapAsset extends AssetBundle
{
  public $sourcePath = '@bower/bootstrap/dist';
  public $css = [
    'css/bootstrap.css',
  ];
  //下面是增加的代码
  public $js = [
    'js/bootstrap.js',
  ];
}

OK

以上がYii2 Advanced Editionにbootstrap.jsを導入するサンプルコードの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。