Bootstrap学习笔记(实习第2天)

来源:互联网 发布:linux mount nas 编辑:程序博客网 时间:2024/06/16 09:04

1、学习网站:

http://www.bootcss.com/

2、页面中加入下面代码即可调用bootstrap。


<!-- 新 Bootstrap 核心 CSS 文件 加到head中 --><link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"><!-- 可选的Bootstrap主题文件(一般不用引入) 加到head中 --><link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"><!-- jQuery文件。务必在bootstrap.min.js 之前引入  加到body内最后面中 --><script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 加到body内最后面中 --><script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

3、基本模版

<!DOCTYPE html><html lang="zh-cn">  <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <title>  </title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"><link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">   </head>  <body><script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>  </body></html>

4、兼容低版本的IE浏览器

http://www.bootcss.com/p/bsie/

5、查询文档

http://v3.bootcss.com/css/#overview

0 0