利用bootstrap写一个电子商务网站
准备环境:安装bootstrap
1、https://v3.bootcss.com/ 点击下载Bootstrap,选择“用于生产环境的Bootstrap”下载
同时下载jQuery安装包,放到JS文件夹里面。
http://jquery.com/download/选择版本进行下载,点击以后是一个代码网页,这时候右键点击另存为即可。
点击以后是一个代码网页,这时候右键点击另存为即可。
熟悉Bootstrap应用:建立一个新的index.html文件
1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> 8 <title>Bootstrap 101 Template</title> 9 10 <!-- Bootstrap --> 11 <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet"> 12 13 14 </head> 15 <body> 16 <h1>你好,世界!</h1> 17 18 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 19 <script src="bootstrap-3.3.7-dist/js/jquery-3.1.1.min.js"></script> 20 <!-- Include all compiled plugins (below), or include individual files as needed --> 21 <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> 22 </body> 23 </html>
11行导入css 19行导入jquery 21行导入js