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>

相关文章