Bootstrap页面布局2 – 包含BS文件

如图所示:

第二篇Bootstrap起步

    图片 1

    
我们可以在http://getbootstrap.com下载bootstrap的文件

bootstrap布局基于HTML5,为了使IE8以下也能使用某些HTML5的标签,必须要引入文件:http://html5shiv.googlecode.com/svn/trunk/html5.js,但是国情的原因,使用不了,所以使用以下代码直接插入到html的head标签中,一定要写入head标签中使浏览器先“看到”这句:

 图片 2

  <!–[if IE]>
    <script>
      (function(){if(e =
“abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,
time,video”.split(‘,’),i=e.length;while(i–){document.createElement_x(e[i])}})()
    </script>
  <![endif]–>

 

注意:在引入bootstrap.js文件之前请先引入jQuery文件,http://jquery.com/

点击左边的download
bootstrap可以下载bootstrap的css,javascript和字体库的已编译版本。点击中间的download
source可以下载bootstrap的源代码。一般情况下我们使用bootstrap点击左边的已编译版本下载就可以了。


如果下载的是已编译版结构是:

 图片 3

 

如果下载的是源代码结构是:

 图片 4

 

Dist文件夹里的内容和已编译版本内容一样.

 

如果需要使用bootstrap这个前端框架需要设置一些格式和引入一些文件,下面是使用Bootstrap的一个基本模板。

 图片 5

 Bootstrap 使用了一些 HTML5 元素和 CSS
属性。为了让这些正常工作,需要使用 HTML5 文档类型(Doctype)。
因此,在页面的开头包含了以下代码段: