Twitter bootstrap 媒体查询在将我的页面转换为PDF时为我提供了XS

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

现在，我只是想检查一下，我把我所有的md改成了xs，所以现在，在网络中，它永远不会涉及到手机响应。但在我的pdf中，它仍然有手机响应能力，这是相当恼人的。 我可以通过表格解决它，但我只是失去了所有的反应能力。也许这对cell来说是一个很好的行为，但对于A4 PDF，我可以强制设置两列，没有任何问题 我该如何解决它

这是我的一段代码

<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>

冠军地位：
Shiajo：
组：
作者：

您认为cel响应性是什么意思？thankswell，这是一个xs布局，每行1个字段，在PDF中，我想强制布局有2个专栏。我在一年前的讨论中发现，bootstrap不支持开箱即用的PDF，但您可以创建特定的css。。你觉得呢？听起来很准确！我认为您应该能够使用媒体查询来查询手机

@media（最大宽度：360px）{}

，这样它们的

宽度：360px而对于md和lg我不知道。通常col-md-6具有
宽度：50%，显示：块内联包含在
宽度中的行：100%；显示：块