Firefox bootstrap 网格位移问题
Firefox bootstrap grid displacement issue
我无法在 FireFox 和 Chrome 上显示相同的页面。
页面使用 Chrome 正确呈现（分两行显示图标），但在 Firefox 中图标在视觉上中断并创建第三行。我认为问题出在 Bootstrap，但我不明白为什么。我尝试了不同的解决方案，但都没有。
出现该问题的页面：
Link 页数：http://www.unishare.it/sedi/1
您的 HTML 中发生了很多事情。首先，您不应该在范围之外编写任何代码。您应该始终将自定义样式元素放在标签内。其次，将 bootstrap.css 移到顶部。那是您的 css 样板文件（即 css 代码，可在所有浏览器中重置您的视觉设置）。所有其他 css 文件（字体-awesome.css、slider.css 等...）应放在样板 css code/file.[=10= 之后]
放置所有库 css 文件后，您的自定义 css 文件应该是标签中的最后一个（我的意思是 html 页面顶部的所有样式代码).
尝试这些建议并返回结果。我相信你会好好去的。
编辑：在再次查看并使用 FireFox 的开发工具播放 HTML 之后，我为您创建了一个解决方案。只需将 "portfolio-boxes" div 围成一排即可。它们在您的 DOM 中实际上并未被识别为单独的行，这就是为什么它们不会出现在两个单独的行中。
简而言之，您应该为每个 "portfolio-boxes" div 分别创建一个 class 为 "row" 的 div。
这能解决您的问题吗？如果是，您可以投票并 select 答案 ;)
我无法在 FireFox 和 Chrome 上显示相同的页面。
页面使用 Chrome 正确呈现（分两行显示图标），但在 Firefox 中图标在视觉上中断并创建第三行。我认为问题出在 Bootstrap，但我不明白为什么。我尝试了不同的解决方案，但都没有。
出现该问题的页面：
您的 HTML 中发生了很多事情。首先，您不应该在范围之外编写任何代码。您应该始终将自定义样式元素放在标签内。其次，将 bootstrap.css 移到顶部。那是您的 css 样板文件（即 css 代码，可在所有浏览器中重置您的视觉设置）。所有其他 css 文件（字体-awesome.css、slider.css 等...）应放在样板 css code/file.[=10= 之后]
放置所有库 css 文件后，您的自定义 css 文件应该是标签中的最后一个（我的意思是 html 页面顶部的所有样式代码).
尝试这些建议并返回结果。我相信你会好好去的。
编辑：在再次查看并使用 FireFox 的开发工具播放 HTML 之后，我为您创建了一个解决方案。只需将 "portfolio-boxes" div 围成一排即可。它们在您的 DOM 中实际上并未被识别为单独的行，这就是为什么它们不会出现在两个单独的行中。
简而言之，您应该为每个 "portfolio-boxes" div 分别创建一个 class 为 "row" 的 div。
这能解决您的问题吗？如果是，您可以投票并 select 答案 ;)