Yii2并排的两个详图视图

我正在制作一个采购订单系统，将采购订单导出为PDF格式，但我需要在上面部分显示买方和卖方的数据。 我想有2个并排的详细视图，每一个有50%的页面宽度。 有可能吗？到目前为止，我还没有找到任何关于这方面的信息，我的CSS技能也很低。

---

谢谢提供任何信息。

您可以取消启动网格 在视图中，您可以在两个单独的引导列中放置detailView

    <div class="col-sm-6 col-md-6 col-lg-6" >

    <?= DetailView::widget([
        'model' => $modelBuyer,
        ......



    ?>
   </div>
    <div class="col-sm-6 col-md-6 col-lg-6" >

    <?= DetailView::widget([
        'model' => $modelSeller,
        ......



    ?>
   </div>

---

我正在使用mpdf的kartik mpdf包装。我注意到kv-mpdf-bootstrap.min.css并没有像bootstrap.css中那样将“col-sm-6”定义为50%。由于文档表明mpdf css overides引导，我找到了类“col-xs-5”，它指定了41.6666%，适合我的输出要求，并允许我相邻显示两个详细视图

<form class="form-inline">
<div class="form-group">    
    <div class="col-xs-5">
        <p><b>Bill To</b></p>
        <div style="border: 1px solid grey; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width:200px">
            <?= DetailView::widget([
                'model' => $model,
                'bootstrap' => false,
                //'condensed'=>true,
                //'striped' => false,
                //'bordered' => true,
                'labelColOptions' => ['hidden' => true],
                'attributes' => [
                        'company',
                        'billStreetAddress',
                        [
                           'attribute' => 'billStreetAddress2',
                           'visible' => (!empty($model->billStreetAddress2)),
                        ],
                        'billCity',
                        'billPostalcode'
                        ]
                    ])
             ?>
        </div>
    </div>

    <div class="col-xs-5" >
        <p><b>Ship To</b></p>
        <div style="border: 1px solid grey; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width:200px">
            <?= DetailView::widget([
                'model' => $model,
                'bootstrap' => false,
                'labelColOptions' => ['hidden' => true],
                'attributes' => [
                        'company',
                        'shipStreetAddress',
                        [
                           'attribute' => 'shipStreetAddress2',
                           'visible' => (!empty($model->billStreetAddress2)),
                        ],
                        'shipCity',
                        'shipPostalcode'
                        ]
                    ])
             ?>
        </div>
    </div>
</div>

帐单

运送到

---

谢谢，它可以工作，但当我将视图传递给kartik的mpdf时，它仍然会显示一个接一个的详细视图，但我想这是另一个问题。非常感谢。这意味着我的答案是正确的。。对于PDF，请确保传递/使用的PDF视图具有相同的结构。。据我所知，kartik mpdf将视图的渲染部分分配给$content。请检查此项

<form class="form-inline">
<div class="form-group">    
    <div class="col-xs-5">
        <p><b>Bill To</b></p>
        <div style="border: 1px solid grey; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width:200px">
            <?= DetailView::widget([
                'model' => $model,
                'bootstrap' => false,
                //'condensed'=>true,
                //'striped' => false,
                //'bordered' => true,
                'labelColOptions' => ['hidden' => true],
                'attributes' => [
                        'company',
                        'billStreetAddress',
                        [
                           'attribute' => 'billStreetAddress2',
                           'visible' => (!empty($model->billStreetAddress2)),
                        ],
                        'billCity',
                        'billPostalcode'
                        ]
                    ])
             ?>
        </div>
    </div>

    <div class="col-xs-5" >
        <p><b>Ship To</b></p>
        <div style="border: 1px solid grey; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width:200px">
            <?= DetailView::widget([
                'model' => $model,
                'bootstrap' => false,
                'labelColOptions' => ['hidden' => true],
                'attributes' => [
                        'company',
                        'shipStreetAddress',
                        [
                           'attribute' => 'shipStreetAddress2',
                           'visible' => (!empty($model->billStreetAddress2)),
                        ],
                        'shipCity',
                        'shipPostalcode'
                        ]
                    ])
             ?>
        </div>
    </div>
</div>