html - 对象放置在发布后出现不同

标签 html css asp.net bootstrap-modal

我创建了一个网站,使用“在浏览器中查看”功能在 Visual Studio 中对其进行了调试,并决定它已准备好部署到我们的测试服务器上。当我从 Visual Studio 调试程序时,联系页面包含如下所示的元素:

enter image description here

当我转到服务器上的网站地址时,它显示如下:

enter image description here

星号是来自 Bootstrap 工具的字形图标,当我打开它时,它已经在网站的解决方案中(其他人制作了解决方案)。网站这一部分的代码如下:

enter image description here

我试图找到有关为什么这不能正确显示的信息,但无法找到。在对服务器一无所知的情况下,您会建议我检查或更改什么以解决此问题?

编辑:我认为值得一提的是我已经尝试过 Chrome 和 IE,并且在它们上都获得了相同的结果。尝试在兼容模式下运行该页面会一起隐藏字形图标星号。

最佳答案

我认为问题最终与浏览器有关。我使用的 IE 版本比我们服务器上的版本更新,所以我的元素显示不同,因为旧版本不支持我以前做的事情。

我通过将 span 字形图标元素嵌套在正确的 header 标签内并使用 margin-left: 样式属性将它们正确隔开来纠正这个问题。

关于html - 对象放置在发布后出现不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34901267/

相关文章:

html - 如何排列3个div : div 1 and 2 stacked in left column,和div 3是右列

CSS Filter 被后台停止

c# - ASP.NET 应用程序如何检查用于请求的代理?

jquery cheerio 遍历一组元素

html - 如何调整 Bootstrap 网格以与我在移动设备中的示例不同地显示

html - 如何在 dragstart 之前缓存整个图层并将其还原回 dragend?

css - 我正在尝试将文本与表单的选择元素内的中心对齐。它在 Firefox 中运行良好,但在 Chrome 中运行良好 : any ideas?

javascript - 为什么我的 JSFiddle 不工作? (放置脚本的位置)

c# - 如何从java脚本获取C#中的值?

asp.net - MVC 3 直通路由