Bootstrap Fluid网格系统问题Opera 11.64

Question

<!-- html -->
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12 slider">Text 1</div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span8 main">
             Text  2
        </div>
        <div class="span4 login">
             Text  3
        </div>
    </div>
</div>

/* CSS */
.login, .main {
    border: 1px solid #aeaeae;
    border-radius: 10px;
    margin-top: 15px;
}
.slider {
    height: 120px;
    border: 1px solid #aeaeae;
    border-radius: 10px;
    background-image: url(../Images/divFonWithoutBorder.png);
}

戏

在其他浏览器中

我该如何解决？

Answer 1

造成这种情况的原因是Opera中的一个错误，其中小数百分比向下舍入到最接近的整数百分比，例如5.98％变为5％。据我所知，Opera从来没有正确处理过这个问题。

我不知道这是一个很好的解决方案。一种选择是接受它（虽然bug仍然存在）。随着百分比向下舍入，结果应该只是在美学上令人不愉快，不会出现行溢出到两行的问题。另一种选择是不要使用流体网格系统。

我在Opera上打开了一个错误，编号DSK-364769（无法跟进进度）。