如何在Yii2中引用bootstrap.css?
我想在HTML2PDF扩展中使用bootstrap.css文件作为参考,因为我在构建表时非常依赖它——我也需要将其导出为PDF 因此,我的目标是在我编译的HTML中包含CSS文件链接,但我不知道如何正确引用CSS文件。显然,我可以查看浏览器加载的内容,例如:如何在Yii2中引用bootstrap.css?,css,dynamic,twitter-bootstrap-3,directory,yii2,Css,Dynamic,Twitter Bootstrap 3,Directory,Yii2,我想在HTML2PDF扩展中使用bootstrap.css文件作为参考,因为我在构建表时非常依赖它——我也需要将其导出为PDF 因此,我的目标是在我编译的HTML中包含CSS文件链接,但我不知道如何正确引用CSS文件。显然,我可以查看浏览器加载的内容,例如:http://sitename/web/assets/e2eb51c9/css/bootstrap.css但我怀疑这不是一个永久链接,字母数字文件夹名称可能会在更新时重新生成还是什么 因此,我正在寻找一个类似于@webroot的别名,用于查找
http://sitename/web/assets/e2eb51c9/css/bootstrap.css
但我怀疑这不是一个永久链接,字母数字文件夹名称可能会在更新时重新生成还是什么
因此,我正在寻找一个类似于@webroot
的别名,用于查找web
文件夹。我正在想象它可能看起来像:Yii::$app->vendors(“bootstrap”)->getFolder()
有这样的函数吗?我在HTML标题中包含了以下内容:
$bs = new \yii\bootstrap\BootstrapAsset;
<link rel='stylesheet' type='text/css' href='" . str_replace('\\', '/', $bs->sourcePath) . '/' . $bs->css[0] . "'>
$bs=new\yii\bootstrap\bootstrappasset;
它确实有效,我只是不确定这是一种优雅的方式来实现它。我在HTML标题中包含了以下内容:
$bs = new \yii\bootstrap\BootstrapAsset;
<link rel='stylesheet' type='text/css' href='" . str_replace('\\', '/', $bs->sourcePath) . '/' . $bs->css[0] . "'>
$bs=new\yii\bootstrap\bootstrappasset;
它确实有效,我只是不确定这是一种优雅的方式来实现它。有两种方法可以做到这一点: 1)使用资产捆绑包。不一定要将其放入
AppAsset
捆绑包中。默认情况下,它是公共捆绑包并包含在主布局中,因此所有包含的资源都将在每个视图中发布
您可以创建自己的资产绑定
请注意,对于外部资产(位于web可访问目录之外),您需要使用sourcePath
,否则-basePath
和baseUrl
属性
使用这两个选项,您在常见情况下只需填写$js
和$css
数组和$dependens
即可设置依赖项(如果需要)
你可以通过下面的链接阅读更多内容
2)使用registercsfile()
和registerJsFile()
第一种方法更可取,并在官方文件中推荐。它为您提供了依赖关系处理和更多功能
官方文件:
- 有两种方法可以做到这一点:
1)使用资产捆绑包。不一定要将其放入
AppAsset
捆绑包中。默认情况下,它是公共捆绑包并包含在主布局中,因此所有包含的资源都将在每个视图中发布
您可以创建自己的资产绑定
请注意,对于外部资产(位于web可访问目录之外),您需要使用sourcePath
,否则-basePath
和baseUrl
属性
使用这两个选项,您在常见情况下只需填写$js
和$css
数组和$dependens
即可设置依赖项(如果需要)
你可以通过下面的链接阅读更多内容
2)使用registercsfile()
和registerJsFile()
第一种方法更可取,并在官方文件中推荐。它为您提供了依赖关系处理和更多功能
官方文件: