Question

我在使用Bootstrap的浏览器中遇到了非常奇怪的跨越问题。

Firefox运行良好并正确显示跨度，而Chrome / Safari跨越页面的整个宽度项目 - 我理解这是Bootstrap的响应行为，但在我的简单情况下，没有意义。

例如，对于一个简单的主体：

<div class="container-fluid">
<div class="row-fluid">
    <div class="span6">
        Hello
    </div>
    <div class="span6">
        Bye
    </div>
</div>

Firefox将在一侧显示“Hello”，在另一侧显示“Bye”。另一方面，Chrome和Safari在两条独立的线条上显示“Hello”和“Bye”。

有关为何发生这种情况的任何想法？

更新

好的，我刚刚检查了生产（在线部署）版本。它可以在每个网络浏览器中正常运行 - 包括Chrome / Safari。

但是在本地版本中仍然搞砸了 - 到底是什么？

Answer 1

我不太了解bootstrap，但似乎Chrome和Safari正在将这些div识别为display：block和firefox display：inline-block。

您可以在Chrome的检查元素中添加内联样式进行测试甚至编辑吗？例如：

<div class="span6" style="display:inline-block;">
    hello
</div>
<div class="span6" style="display:inline-block;">
    bye
</div>

Bootstrap Spanning - Firefox vs Chrome / Safari

1 个答案: