Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来
视频播放地址:http://www.php.cn/course/387.html
学习时需要注意:
*Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。 *
Bootstrap是基于jQuery框架开发的,它在jquery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。
Bootstrap的源代码是使用less编写的
Bootstrap的js效果都是基于jquery的,所以一般要先引入jquery代码
使用:
引入 bootstrap.min.css文件
简单案例1:
--看看会有什么效果
table-striped可以使奇数行的背景设为灰色。
table-bordered可以使边框显示。
table-hover可以使鼠标悬停的行的背景变为灰色
table-condensed可以使行间距变小。
<table class="table"> <tr> <td class="active">姓名</td> <td class="success">年龄</td> 成功或积极动作 <td class="warning">职业</td> 注意 </tr> <tr> <td class="danger">张三</td> 危险 <td>18</td> <td>程序员</td> </tr> </table>
响应式表格 Bootstrap3.0新特效
572df54e8d52117741ab52d379bf316c--这样做在小屏幕上看的时候会自动出现水平滚动条,大屏幕自动消失
以上是李炎恢bootstrap视频资料分享的详细内容。更多信息请关注PHP中文网其他相关文章!