Bootstrap(1) 概述与环境搭建
2024-09-26 02:23:58
源码和笔记:http://pan.baidu.com/s/1c06RiMW
一.Bootstrap 概述
Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。Bootstrap 最为重要的部分就是它的响应式布局,通过这种布局可以兼容 PC 端、PAD
以及手机移动端的页面访问。
二.Bootstrap 特点
Bootstrap 非常流行,得益于它非常实用的功能和特点。主要核心功能特点如下:
(1).跨设备、跨浏览器
可以兼容所有现代浏览器,包括比较诟病的 IE7、8。当然,本课程不再考虑 IE9 以下浏览器。
(2).响应式布局
不但可以支持 PC 端的各种分辨率的显示,还支持移动端 PAD、手机等屏幕的响应式切换显示。
(3).提供的全面的组件
Bootstrap 提供了实用性很强的组件,包括:导航、标签、工具条、按钮等一系列组件,方便开发者调用。
(4).内置 jQuery 插件
Bootstrap 提供了很多实用性的 jquery 插件,这些插件方便开发者实现 Web 中各种常规特效。
(5).支持 HTML5、CSS3
HTML5 语义化标签和 CSS3 属性,都得到很好的支持。
(6).支持 LESS 动态样式
LESS 使用变量、嵌套、操作混合编码,编写更快、更灵活的 CSS。它和 Bootstrap 能很好的配合开发。
三、创建第一个Bootstrap 页面
1、Bootstrap 所依赖的js和css文件,第一个Bootstrap 程序
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Bootstrap 介绍</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<button class="btn btn-info">haha</button>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
2、对应的页面效果
最新文章
- 移动应用App测试与质量管理一
- mybatis配置自带缓存和第三方缓存
- gulp详细入门教程(转载)
- Jade之Code
- atitit.基于http json api 接口设计 最佳实践 总结o7
- web简单连接html文件测试
- Labview实现脉波调制( PAM )
- cocos2d-x CocoStudio中场景触发器(Trigger)的使用和扩展
- React和Angular
- LINUX利用Speedtest测速
- C# T4 模板 数据库实体类生成模板(带注释,娱乐用)
- Tsinghua 2018 DSA PA3简要题解
- C/C++中如何在main()函数之前执行一条语句?
- 修改任务显示WrkTaskIp.aspx页面
- HDU4162(最小循环表示)
- PostgreSQL杂记页
- shell case语法
- LA 4287 有相图的强连通分量
- Win10离线安装.NET Framework 3.5的方法技巧(附离线安装包下载)
- 小程序 mcrypt加密拓展在php7.1 废弃 使用openssl替代方案
热门文章
- 2018SDIBT_国庆个人第二场
- Linux:写一个简单的服务器
- CSS中clear属性的both、left和right浅析
- angularjs 请求数据转换为Form Data传参
- 19.struts-配置详解.md
- GitHub中国区前100名到底是什么样的人?向大佬们学习。
- 定时删除文件夹";$1";下最后修改时间大于当前时间";$2";天的文件
- SQL语句中LEFT JOIN、JOIN、INNER JOIN、RIGHT JOIN的区别?
- ubuntu下zaibbix3.2报警搭建
- kafka 消费者 timeout 6000