在IE 9.0上使用BootStrap 3.0打印表單時如何不堆疊列？

我試圖打印一個表單並保留兩列演示文稿。在IE 9.0上使用BootStrap 3.0打印表單時如何不堆疊列？

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

這裏，代碼運行：在IE 9（錯） http://jsfiddle.net/rnPeJ/

視覺打印： enter image description here 對FF（OK）視覺打印：

來源

2013-09-23 Portekoi

我通過附加解決我的問題「關口-xs-6「like：

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

來源

2013-09-23 14:34:41 Portekoi

我沒有處理打印，但與IE對齊問題。通過指定所有大小的所有列值，它解決了我的問題。 – Peter

在IE 9.0上使用BootStrap 3.0打印表單時如何不堆疊列？

回答

相關問題