第二章 使用Bootstrap的准备-HelloWorld 笔记2

来源:互联网 发布:js防水涂料设备 编辑:程序博客网 时间:2024/06/05 03:19

概述:

简单了解一下bootstrap如何使用从hello world 开始



代码:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>firstBootstrap</title><!-- 引入核心css文件 --><link href="../bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" type="text/css"></head><body><h1 class="btn btn-success btn-large"><i class="glyphicon glyphicon-user" ></i> HelloWorld !</h1><!-- 引入jquery.js 因为它是基于jquery --><script src="http://code.jquery.com/jquery.js"></script><!-- 引入核心js --><script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script></body></html>

效果:


注意:js一般放置到最后,提高用户体验

原创粉丝点击