css - Bootstrap Internet Explorer 显示本地和远程

标签 css twitter-bootstrap

我正在使用 Bootstrap CSS 框架。我注意到最奇怪的事情。

当我使用 IE8 查看我创建的站点 ( http://www.foddersystems.com/fodder-feed/alfalfa.html ) 时,本地版本和服务器版本看起来不同。起初我以为我的 CSS 文件或 HTML 代码有一些不同。但是,我下载了所有服务器文件并在本地查看了它们,这不是代码。有人遇到过这个吗?我知道 IE 不喜欢某些 JS 在本地运行,所以这是我遇到的问题吗?

screenshot

差异见截图:

  1. 右上角的导航栏菜单,一个版本有纯色
  2. 面包屑链接乱七八糟
  3. slider 后有一个额外的中断。

同样,本地和远程代码完全相同。我知道 IE8 CSS 支持不是很好。但它看起来应该是一样的,对吧?除了面包屑问题,我可以忍受一切。我真的需要修复它。我根据内联 block 错误的提示以及另一个 StackOverflow 问题对原始面包屑 IE 进行了调整。

最佳答案

btn-sucess的背景色设置为

.btn-success{background-color:#6C7E54;} This is wat appears in IE8

您可以将其设置为:

.btn-success{background-color:#5BB75B;} this will make it look same in all browser,as in ff it appears greenish .

面包屑在 ie8 上对我来说看起来不错,但无法说明它在本地的外观,因为您的屏幕截图不可见。

旋转木马和标签之间的空间问题是由于您设置的小边距和中断标签无法弥补您试图完成的内容

.carousel {
margin-bottom: 5px;/*set to higher in order to get more spacing between tabs and carousel*/
position: relative;
}

关于css - Bootstrap Internet Explorer 显示本地和远程,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15121180/

相关文章:

css - 在某个元素滚动时更改 css

html - Head 和 Menu 之间的空白

javascript - 在 Bootstrap 中切换覆盖的侧边栏

html - Bootstrap 水平表单,在文本框上附加输入

css - Magento : How to put already created static block after all product listing and end of the sidebar in magento?

php - html 和 body 的高度不是 100%

jQuery 动画 "display: none"

html - 带容器的全宽背景(不是容器-流体)

javascript - 相同高度的 Bootstrap 2 列

html - 模态中的 Twitter Bootstrap 3 响应表不会在移动设备上向下滚动