bootstrap 学习笔记(一)

首先Bootstrap 的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,所以我们需要了解Bootstrap的浏览器支持情况

\ Chrome Firfox IE Opera Sarari
Android 支持 支持 N/A 不支持 N/A
IOS 支持 N/A N/A 不支持 支持
MAC OSX 支持 支持 N/A 支持 支持
Windows 支持 支持 支持 支持 不支持

*IE=IE8~10
虽然Internet Explorer 8 和 9 是被支持的,但是由于IE8和9不支持一些CSS3和HTML5属性,在某些效果上比较差, 例如,圆角矩形和投影 -- 是肯定不被支持的。

国产浏览器高速模式

国内浏览器一般都支持兼容模式(即 IE 内核)和高速模式(即 webkit 内核),不幸的是,所有国产浏览器都是默认使用兼容模式,这就造成由于低版本 IE (IE8 及以下)内核让基于 Bootstrap 构建的网站展现效果很糟糕的情况。幸运的是,国内浏览器厂商逐渐意识到了这一点,某些厂商已经开始有所作为了!
将下面的
标签加入到页面中,可以让部分国产浏览器默认采用高速模式渲染页面:

 
IE 兼容模式

Bootstrap 不支持 IE 古老的兼容模式。为了让 IE 浏览器运行最新的渲染模式下,建议将此
标签加入到你的页面中:


必须使用HTML5文档类型

由于Bootstrap使用的某些HTML元素和CSS属性需要文档类型为HTML5 doctype。因此这一文档类型必须出现在项目的每个页面的开始部分。



 ...

基本模板



  
   
   
   
   
   Bootstrap 101 Template
   
   
   
   
    
   
   
   
 
 
   

你好,世界!

你可能感兴趣的:(bootstrap 学习笔记(一))