Hbuilder的使用

Posted 2020-08-20 jinhong

写bootstrap的html文件步骤：
1、www.bootcss.com——》起步——》基本模板  <meta name="viewport" content="width=device-width, initial-scale=1">移动设备优先，宽度为设备优先，是否要滚动条（1为不要滚动条）
2、引入bootstrapCSS文件（<link href="css/bootstrap.min.css" rel="stylesheet">）；
3、引入jquery（<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>）；
4、引入bootstrapJS文件（<script src="js/bootstrap.min.js"></script>）；
Hbuilder使用：(Hbuilder在百度下载即可)
1、新建web项目yy（项目名、修改项目存储位置）——》新建HLML文件——》找到bootstrap源文件，将css、font、js文件夹复制到新建的项目中去（新建的项目中也有这三个文件夹，直接覆盖就可以了）——》将jquery.js复制到新建yy项目的js文件夹中去——》HTML头文件中引入css和jquery文件：<link rel="stylesheet"href="css/biitstrao.min.css" /><script type="application/javascript" src="js/jqurey.js"></script> ——》完善body里面的代码