我一直试图让 Bootstrap 3 的网格布局系统与 IE8 一起工作,但它就是行不通。我不需要响应式布局。
为了确保我没有在我创建的 HTML 文件中引入一些随机错误,我继续下载了 Bootstrap 3 的新副本。提取内容后,我打开了示例网格 HTML 文件(在 / examples/grid 文件夹),你瞧,即使在官方发行版中,网格看起来也是堆叠在一起的,而不是跨越一行!
奇怪的是,当我在 IE8 上浏览到在线文档的内联表单部分时,网格布局似乎工作得很好。
我一直试图让 Bootstrap 3 的网格布局系统与 IE8 一起工作,但它就是行不通。我不需要响应式布局。
为了确保我没有在我创建的 HTML 文件中引入一些随机错误,我继续下载了 Bootstrap 3 的新副本。提取内容后,我打开了示例网格 HTML 文件(在 / examples/grid 文件夹),你瞧,即使在官方发行版中,网格看起来也是堆叠在一起的,而不是跨越一行!
奇怪的是,当我在 IE8 上浏览到在线文档的内联表单部分时,网格布局似乎工作得很好。
根据Bootstrap 3 文档,您需要包含Respond.js才能使 CSS 3 媒体查询正常工作。希望有帮助!
它出现的问题是为网格使用了错误的类。尽管我的 Windows 系统的屏幕尺寸比我的 Mac book 的大,但我错误地假设分辨率会相同或更高。
我在 mac 上开发了我的网站,并使用.col-md-
了网格布局的类。但是,由于我的Win设备的分辨率较低,.col-xs-
应该已经使用了。因此,它显得堆积如山。
经验教训:即使你的 Win 系统可能有更大的屏幕,它的分辨率也可能与平板电脑一样低。