Bootstrap 可以拖拽生成模板,大大提高编辑网页的效率。而且它的环境安装十分简单。
在你的代码 <head> </head>中添加以下代码既可使用Bootstrap生成的代码:
<!-- 新 Bootstrap 核心 CSS 文件 --> <link href="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <!-- 可选的Bootstrap主题文件(一般不使用) --> <script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap-theme.min.css"></script> <!-- jQuery文件。务必在bootstrap.min.js 之前引入 --> <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/js/bootstrap.min.js"></script>
附:
bootstrap教程网址:http://www.w3cschool.cc/bootstrap/bootstrap-tutorial.html
bootstrap可视化布局系统:http://www.ibootstrap.cn/