twitter-bootstrap - 在 IE 9.0 上使用 BootStrap 3.0 打印表单时如何不堆叠列？

Question

我正在尝试打印表单并保留两列演示文稿。

在Firefox中，没关系。但在 IE 9 中，所有列都以一个原始的方式堆叠。

我该如何解决？

我做了这个表格：

<form class="form-horizontal" action="Area/MyForm" method="post" id="FormID">
<div class="block_1 border">
    <div class="row">
         <div class="col-sm-6 col-md-6">
             <div class="form-group">
                <label for="nocmpt" class="col-lg-4 control-label ">N° d'ordre(*) :</label>
                <div class="col-lg-6">
                    <input id="nordre" name="nordre" class="form-control" type="text" readonly="readonly" onfocus="this.blur()" value="1234679" />
                </div>
              </div>
         </div>
        <div class="col-sm-6 col-md-6">
             <div class="form-group">
                <label for="mtremi" class="col-lg-4 control-label  ">Montant Remise :</label>
                <div class="col-lg-6">
                    <input id="mtremi" name="mtremi" class="form-control" type="text" title="Ex: 15000" value="100,00" tabindex="2" />
                </div>
              </div>
         </div>
    </div>
    <input type="hidden" name="action" value="" />
    <span class="noprint">(*)=champs non modifiables</span>
</div>
</form>

我正在使用引导程序 3.0。

在这里，运行的代码：http: //jsfiddle.net/rnPeJ/

IE 9 上的视觉打印（错误）： FF 上的视觉打印（正常）：

Answer 1

我通过添加“col-xs-6”来解决我的问题，例如：

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