Yii2中如何在renderPartial中使用Bootstrap类？

嗨，我碰到过好几个类似的情况，你这个问题的核心原因其实是renderPartial的特性导致的：它默认不会加载任何布局文件，也不会注册全局的资源包——而Bootstrap的CSS样式通常是在主布局里注册的，所以生成PDF的页面里根本没有引入Bootstrap的样式文件，自然那些box、box-warning类就没效果了。至于自定义样式能生效，应该是你把样式直接写在_myReport视图里了，所以能被直接渲染出来。

下面给你几个可行的解决方案：

方案1：在视图里手动注册Bootstrap资源包 #

直接在_myReport.php的最开头加上这段代码，强制加载Bootstrap的CSS资源：

<?php
use yii\bootstrap\BootstrapAsset;
BootstrapAsset::register($this);
?>
<div class="box box-warning">
    <div class="box-body">
        Text
    </div>
</div>

这样生成PDF时，页面就会包含Bootstrap的CSS文件，样式就能正常生效了。

方案2：使用render方法搭配PDF专用布局 #

如果不想在视图里加注册代码，可以创建一个极简的PDF专用布局，只加载必要的资源，然后用render方法渲染：

1. 先在views/layouts目录下创建pdf-layout.php文件，内容如下：

<?php
use yii\bootstrap\BootstrapAsset;
BootstrapAsset::register($this);
?>
<!DOCTYPE html>
<html>
<head>
    <?= $this->head() ?>
</head>
<body>
    <?= $content ?>
    <?= $this->endBody() ?>
</body>
</html>

2. 修改控制器里的方法，用render并指定这个布局：

public function actionPrintReport() {
    Yii::$app->response->format = 'pdf';
    return $this->render('_myReport', [], ['layout' => 'pdf-layout']);
}

这种方式更规整，适合后续需要添加其他PDF专用样式的场景。

方案3：直接引入Bootstrap CSS的CDN链接 #

如果你不想用Yii的资源包机制，也可以直接在视图里手动引入Bootstrap的CSS文件（注意版本要和你项目里的一致，Yii2默认是3.x版本）：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
<div class="box box-warning">
    <div class="box-body">
        Text
    </div>
</div>

额外注意事项 #

• 有些PDF渲染引擎对CSS的支持有限，比如某些复杂的Bootstrap样式（比如响应式布局）可能在PDF里表现和网页不一样，需要你测试后调整。
• 如果你用的是第三方PDF扩展（比如kartik-v/yii2-mpdf），要确保扩展配置里允许加载外部资源，避免样式被屏蔽。

内容的提问来源于stack exchange，提问作者Roby Sottini