pull-right在IE-9和IE-8中不起作用

Question

链接到JS Fiddle：

http://jsfiddle.net/TomHagen/smnpg7ua/1/

<td class="lastCol">    
    View Detail     
    <div id="div2">                     
        <input type="button" class="lightGrayButton btn btn-mini btn-primary pull-right cartButton atc" value="Select Plan">
    </div>                          
</td>

jsfiddle中的上述代码在Firefox和Chrome中运行良好，但在IE浏览器中，View详细信息与右侧对齐，Select Plan位于左侧。

我尝试移除右拉，右拉与div标签一起使用，右拉有一个新的div，但似乎没有任何效果。

Answer 1

我认为它在IE9中运行良好但在IE8中运行不正常。您在引导程序3中使用pull-right和其他col*的问题在于它们广泛使用媒体查询来使浮动和列响应。

如果你想支持IE8，建议你不要使用bootstrap但如果必须，你可以添加link

<script src="assets/js/css3-mediaqueries.js"></script>

它将解决您的问题。