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

来源：互联网发布：菜刀切到手知乎编辑：程序博客网时间：2024/06/05 22:44

<!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

阅读全文

0 0