当前位置:Gxlcms > html代码 > 麦子学院bootstrap入门视频资料分享

麦子学院bootstrap入门视频资料分享

时间:2021-07-01 10:21:17 帮助过:22人阅读

Bootstrap是由Twitter发布一款目前最受欢迎的前端框架。Bootstrap基于 HTML、CSS、JAVASCRIPT的,它简洁灵活,将常见的CSS布局、常用组件和JavaScript插件进行了完整并完善的封装,能让没有经验的前端工程师和后端开发工程师都迅速掌握和使用,大大提高开发效率,它还在某种程度上规范前端团队编写CSS和JavaScript的规范。总之学习Bootstrap可以让你很轻松开发出响应式的WEB项目。《麦子学院bootstrap入门视频教程》将帮助你轻松入门bootstrap。

588591ebb57cc958 (1).jpg

视频播放地址:http://www.gxlcms.com/course/324.html

首页> html教程 > 正文

李炎恢bootstrap视频资料分享

作者: default|标签:bootstrap 视频资料 分享|2017-8-30 16:12

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.gxlcms.com/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新特效

<p class="table-responsive">--这样做在小屏幕上看的时候会自动出现水平滚动条,大屏幕自动消失

老师讲课风格:

教师讲课生动形象,机智诙谐,妙语连珠,动人心弦。一个生动形象的比喻,犹如画龙点睛,给学生开启智慧之门;一种恰如其分的幽默,引来学生会心的微笑,如饮一杯甘醇的美酒,给人以回味和留恋;哲人的警句、文化的箴言不时穿插于讲述中间,给人以思考和警醒。

以上就是麦子学院bootstrap入门视频资料分享的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行