首页 > 代码库 > Hbuilder的使用

Hbuilder的使用

写bootstrap的HTML文件步骤:
1、www.bootcss.com——》起步——》基本模板 <meta name="viewport" content="width=device-width, initial-scale=1">移动设备优先,宽度为设备优先,是否要滚动条(1为不要滚动条)
2、引入bootstrapCSS文件(
<link href="http://www.mamicode.com/css/bootstrap.min.css" rel="stylesheet">)
3、引入jquery
<script src=http://www.mamicode.com/"http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>);
4、引入bootstrapJS文件(<script src="http://www.mamicode.com/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="http://www.mamicode.com/css/biitstrao.min.css" /><script type="application/javascript" src="http://www.mamicode.com/js/jqurey.js"></script> ——》完善body里面的代码

Hbuilder的使用