发布后对象放置显示不同

时间:2016-01-20 13:22:53

标签: html css asp.net bootstrap-modal

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

enter image description here

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

enter image description here

星星是来自Bootstrap工具的字形图标,当我打开它时,它已经在网站的解决方案上(其他人提出了解决方案)。该网站此部分的代码如下:

enter image description here

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

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

1 个答案:

答案 0 :(得分:0)

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

我通过将span字形图标元素嵌套在正确的标头标记内并使用margin-left:样式属性将其正确分隔出来来纠正此问题。