Bootstrap 流体网格系统 Issue Opera 11.64答案

【问题标题】：Bootstrap Fluid grid system Issue Opera 11.64Bootstrap 流体网格系统 Issue Opera 11.64
【发布时间】：2012-05-29 10:09:49
【问题描述】：

<!-- 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);
}

歌剧

在其他浏览器中

我该如何解决？

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

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

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

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

【讨论】：