Bootstrap仲篇.Bootstrap起步

第二篇Bootstrap起步

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

 Bootstrap 1

 

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

比方下载的是都编译版结构是:

 Bootstrap 2

 

若下载的凡源代码结构是:

 Bootstrap 3

 

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

 

而用采取bootstrap这个前端框架需要装有格式和引入一些文件,下面是以Bootstrap的一个着力模板。

 Bootstrap 4

 Bootstrap 使用了有 HTML5 元素和 CSS
属性。为了让这些健康办事,需要用 HTML5 文档类型(Doctype)。
因此,在页面的始包含了以下代码段:

 Bootstrap 5

 

bootstrap模板也要IE6、7、8本子(IE9以下版本)浏览器兼容html5新加的价签,引入下面代码文件即可:

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

同理为要IE6、7、8本子浏览器兼容css3样式,引入下面代码

<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

以下代码告诉IE浏览器,IE8/9及今后的版都见面坐高版本IE来渲染页面

<meta http-equiv="X-UA-Compatible" content="IE=edge">

 

以下代码可以让浏览器以最合适的大小来显示相应的页面:

<meta name="viewport" content="width=device-width, initial-scale=1">

 

要使用bootstrap来搭建网页,需要引入bootstrap的css文件,

Bootstrap 6

 

<link href="~/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet" />

 

若要使用bootstrap里的javascript组件还需要引入bootstrap的js插件,因为js插件是基于jquery的所以还要先引入jquery脚本,注意jquery脚本需要放到bootstrap的js插件前面。

Bootstrap 7

 

 

    <script
src=”~/bootstrap-3.2.0-dist/js/jquery.min.js”></script>

    <script src="~/bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>

相关文章