フォームを印刷して、2 列のプレゼンテーションを維持しようとしています。
FireFoxなら大丈夫です。しかし、IE 9 では、すべての列がそれぞれ 1 つの raw でスタックされます。
どうすれば修正できますか?
私はこのフォームを作りました:
<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>
Bootstrap 3.0 を使用しています。
ここで、実行中のコード: http://jsfiddle.net/rnPeJ/
IE 9 でのビジュアル プリント (間違っている) : FF でのビジュアル プリント (OK) :