1.使用bootstrap框架所需准备

来源：互联网发布：windows快捷键是什么编辑：程序博客网时间：2024/06/07 10:11

本系列博客仅为海棠学院在线课程的笔记，并非原创！

<!doctype html><html><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="css/bootstrap.css" /></head><body>    <script src="js/jquery-2.1.0.js"></script>    <script src="js/bootstrap.js"></script></body></html>

注：
1.在使用bootstrp框架之前需要引入一个css文件和两个js文件(放置位置如上代码所示)：

<link rel="stylesheet" href="css/bootstrap.css" /><script src="js/jquery-2.1.0.js"></script><script src="js/bootstrap.js"></script>

还需要添加两个meta标签：

<meta http-equiv="X-UA-Compatible" content="IE=edge"><!--如果用IE打开的话，它会让你的页面以edge引擎去解析--><meta name="viewport" content="width=device-width, initial-scale=1"><!--viewport是视口，即浏览器打开页面的大小，页面的宽度为设备的宽度，不缩放-->

2.两个js文件要放在body标签的最底部。

0 0