将页面转换为PDF时，媒体查询给了我XS

Question

我在我的项目中使用bootstrap 3，当我尝试转换为PDF时，我的所有字段就像我在Cel中一样。

现在，只是为了检查，我将所有的md-改为xs-所以现在，在网络中，它永远不会进入细胞响应。但是在我的pdf中，它仍然具有细胞响应性，这非常令人讨厌。 我可以通过表格来解决它，但我只是失去了所有的响应能力。对于单元格来说，这可能是一个很好的行为，但是对于A4 PDF，我可以强制使用2列没有任何问题 我该如何解决？

这是我的一段代码。

<div class="row">
    <div class="col-xs-5">
        <div class="form-group">
            <label for="championship" class="text-bold">Championship</label>:
            <input class="form-control sheet_championship" name="championship" type="text" value="Individual Men" id="championship">
        </div>
    </div>
    <div class="col-xs-1">
        <div class="form-group">
            <label for="shiajo" class="text-bold">Shiajo</label>:
            <input class="form-control sheet_shiajo" name="shiajo" type="text" value="1" id="shiajo">
        </div>
    </div>
    <div class="col-xs-1">
        <div class="form-group">
            <label for="group" class="text-bold">Group</label>:
            <input class="form-control sheet_group" name="group" type="text" value="1" id="group">
        </div>
    </div>
    <div class="col-xs-5">
        <div class="form-group">
            <label for="writer" class="text-bold">Writer</label>:
            <input class="form-control sheet_writer" name="writer" type="text" value="" id="writer">
        </div>
    </div>
</div>