您的位置：首页 > Web前端 > BootStrap

【0030】bootstrap前端框架使用教程

2017-06-22 21:13 1001 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap使用</title>

<!--在线引入文件 -->
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body>

</body>
</html>



也可以自己去bootstrap官网和jquery官网下载文件，然后引入。

因为bootstrap是最多人使用的前端框架，所以也有人开发出对应的可视化布局。
下面找了一些bootstrap可视化布局：

http://www.bootcss.com/p/layoutit/

http://www.ibootstrap.cn/

http://www.layoutit.cn/

http://www.runoob.com/try/bootstrap/layoutit/

http://www.chforce.com/layoutit/

http://pikock.github.io/bootstrap-magic/index.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航