yii2：在打印时水平对齐div？

Question

我在view.php中使用这个简单的代码。 div正确水平对齐，但在打印时垂直对齐。

<div class="row">
        <div class="col-lg-6">
        <div class="col-lg-7" style="padding:5px;box-sizing: border-box;border: 1px solid #ddd;background-color:#f9f9f9">
            <b>Patient Name:</b> <?= $model->patient_name ?>
        </div>
    <div class="col-lg-5" style="padding:5px;box-sizing: border-box;border: 1px solid #ddd;background-color:#f9f9f9">
        <b> Auth. No.:</b> <?= $model->authorisation_number ?> 
    </div></div> </div>

我希望这些div在打印时水平对齐。我没有为此页面使用任何自定义print.css。

Answer 1

好的，我找到了答案 -

我需要使用<div class=col-xs-*>代替<div class = col-lg-*>来代替我所寻找的内容。

如果有更好的解决方法，我欢迎。

感谢。