admin 发表于 2017-10-22 14:46:08

六套Bootstrap Web前端CSS框架开发视频教程合集 Bootstrap视频教程

六套Bootstrap Web前端CSS框架开发视频教程合集   Bootstrap视频教程
关于Bootstrap

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源码进行性能优化而来。


本帖Bootstrap课程由六套Bootstrap课程合集发布,认真学习会对Bootstrap有一个非常系统的理解






-------------------课程目录-------------------
下的文件共36个

bootstrap-00-00-Bootstrap 用户界面与交互架构.mp4
bootstrap-01-01-下载 Bootstrap.mp4
bootstrap-01-02-包含的文件.mp4
bootstrap-01-03-在网页中使用 Bootstrap.mp4
bootstrap-02-01-布局.mp4
bootstrap-02-02-嵌套布局与流动布局.mp4
bootstrap-02-03-响应式布局.mp4
bootstrap-02-04-把已有的固定宽度布局转换成响应式布局.mp4
bootstrap-02-05-响应式布局的实用类.mp4
bootstrap-03-01-常用标签与样式.mp4
bootstrap-03-02-列表.mp4
bootstrap-03-03-代码.mp4
bootstrap-03-04- Google Prettify.mp4
bootstrap-04-01-表格.mp4
bootstrap-05-01-表单.mp4
bootstrap-05-02-文本框的前缀与后缀.mp4
bootstrap-05-03-单选按钮.mp4
bootstrap-05-04-复选框.mp4
bootstrap-05-05-选择列表.mp4
bootstrap-05-06-表单的排版.mp4
bootstrap-06-01-按钮.mp4
bootstrap-06-02-按钮群组.mp4
bootstrap-06-03-带下拉菜单的按钮.mp4
bootstrap-07-01-导航菜单.mp4
bootstrap-07-02-导航菜单里的下拉菜单.mp4
bootstrap-07-03-导航菜单的响应式设计.mp4
bootstrap-08-01-选项卡 #1.mp4
bootstrap-08-02-选项卡 #2.mp4
bootstrap-09-01-导航路径与分页器.mp4
bootstrap-10-01-提示信息.mp4
bootstrap-11-01-缩略图.mp4
bootstrap-12-01-对话框.mp4
bootstrap-13-01-工具提示.mp4
bootstrap-14-01-折叠内容.mp4
bootstrap-15-01-旋转木马.mp4
bootstrap-files.zip




下的文件共17个

Bootstrap - 1 Introduce Bootstrap_高清.mp4
bootstrap - 2 what‘s the bootstrap_高清.mp4
Bootstrap - 3 setting up_高清.mp4
Bootstrap - 4 Navigation_高清.mp4
Bootstrap - 5 Hero Unit_高清.mp4
Bootstrap - 6 Fluid Grid system_高清.mp4
Bootstrap - 7 Glyphs Icon_高清.mp4
Bootstrap - 8 Navigation List_高清.mp4
bootstrap3-了解bootstrap3和构建一个基本页面模版_标清.flv
bootstrap3-列表相关样式_标清.flv
bootstrap3-响应式布局(栏栅系统)_标清.flv
bootstrap3-图片响应式和工具class_标清.flv
bootstrap3-文字相关样式_标清.flv
bootstrap3-栏栅结构深入_标清.flv
bootstrap3-表单和按钮_标清.flv
bootstrap3-表格_标清.flv
bootstrap3_高清.mp4


下的文件共18个

Twitter Bootstrap 101 (1) Introduction_标清.flv
Twitter Bootstrap 101 (10) Navbar JavaScript_标清.flv
Twitter Bootstrap 101 (11) Tabs and Pills_标清.flv
Twitter Bootstrap 101 (12) Tabs and Pills Playground_标清.flv
Twitter Bootstrap 101 (13) The Carousel_标清.flv
Twitter Bootstrap 101 (14) Trimming File Size_标清.flv
Twitter Bootstrap 101 (15) Smushit_标清.flv
Twitter Bootstrap 101 (16) Customize_标清.flv
Twitter Bootstrap 101 (17) Watch for Errors!_标清.flv
Twitter Bootstrap 101 (2) Unpack_标清.flv
Twitter Bootstrap 101 (3) The Grid System_标清.flv
Twitter Bootstrap 101 (4) Laying out a Portfolio Page_标清.flv
Twitter Bootstrap 101 (5) Media Grid_标清.flv
Twitter Bootstrap 101 (6) Custom CSS_标清.flv
Twitter Bootstrap 101 (7) Introducing 2.0_标清.flv
Twitter Bootstrap 101 (8) Navbar Documentation_标清.flv
Twitter Bootstrap 101 (9) Navbar Markup_标清.flv
Twitter Bootstrap 培训视频_标清.flv

下的文件共26个

(ML 2.6) Bootstrap aggregation (Bagging)_标清.flv
01-01-下载 Bootstrap_高清.mp4
01-03-在网页中使用 Bootstrap_高清.mp4
02_03.What is Bootstrap 3_标清.flv
02_04.Tour of Bootstrap 3_标清.flv
03_02.Getting Bootstrap_标清.flv
03_03.Adding Bootstrap to Page_标清.flv
2013年12月14日北京Drupal交流会(一)——开场及Bootstrap主题_标清.flv
32. Styling With Twitter Bootstrap_标清.flv
48 的Bootstrap1.0再生加速线圈电机线圈_标清.flv
5 - 9 - 09 The Bootstrap (0413)_标清.flv
Android Bootstrap - Getting Started_标清.flv
bootstrap-01-01-下载 Bootstrap_标清.flv
bootstrap-01-03-在网页中使用 Bootstrap_标清.flv
Bootstrap.What's Bootstrap-(Part 2)_标清.flv
bootstrap_标清.flv
bootstrap的理论依据 -influence function_标清.flv
Introducing T3 Framework - Compatible with Bootstrap 3_标清.flv
jQuery Mobile 和 Bootstrap 简介_高清.mp4
Lynda.com - Bootstrap Adding Interactivity to Your Site_高清.mp4
ML_2_6_Bootstrap_aggregation_Bagging_medium_标清.flv
Symfony 2.3 教程 第4步 使用bootstrap布局_标清.flv
Try Django Tutorial 8 of 21 -Add Twitter Bootstrap version_标清.flv
Tutsplus - Bootstrap for Web Design 2013_标清.flv
【超清】前端开发框架——Bootstrap_高清.mp4
有了Bootstrap,为什么我们还要做Amaze UI?   云适配CEO陈本峰_高清.mp4


[响应式网页设计]下的文件共37个

01 课程介绍 《 响应式网页设计 》.mp4
02 响应式设计的真实例子 《 响应式网页设计 》.mp4
03 viewport - 可视窗口 《 响应式网页设计 》.mp4
04 手工配置 viewport 《 响应式网页设计 》.mp4
05 像素密度 《 响应式网页设计 》.mp4
06 应用媒体查询的方法 《 响应式网页设计 》.mp4
07 media type 媒体类型 《 响应式网页设计 》.mp4
08 meida feature 媒体特性 《 响应式网页设计 》.mp4
09 aspect-ratio 可视窗口宽与高的比例 《 响应式网页设计 》.mp4
10 device-aspect-ratio 设备的宽与高的比例 《 响应式网页设计 》.mp4
11 orientation 设备的使用方向 《 响应式网页设计 》.mp4
12 height (可视窗口高度)与 device-height(设备高度) 《 响应式网页设计 》.mp4
13 width(可视窗口宽度) 与 device-width(设备宽度) 《 响应式网页设计 》.mp4
14 resolution 像素密度 《 响应式网页设计 》.mp4
15 操作符 - and 《 响应式网页设计 》 .mp4
16 逗号分隔连接多个媒体查询 《 响应式网页设计 》.mp4
17 操作符 - not 《 响应式网页设计 》.mp4
18 响应式布局 #1 《 响应式网页设计 》.mp4
19 响应式布局 #2 《 响应式网页设计 》.mp4
20 响应式布局 #3 《 响应式网页设计 .mp4
21 响应式导航 《 响应式网页设计 》.mp4
22 导航菜单的 HTML 《 响应式网页设计 》.mp4
23 导航菜单的 CSS 《 响应式网页设计 》.mp4
24 切换按钮的样式 《 响应式网页设计 》 .mp4
25 响应式导航菜单的样式 《 响应式网页设计 》 .mp4
26 响应式的图像 《 响应式网页设计 》.mp4
27 响应式的背景图像 《 响应式网页设计 》 .mp4
28 不同尺寸的设备使用不同的图像 《 响应式网页设计 》.mp4
29 不同尺寸的设备使用不同的背景图像 《 响应式网页设计 》.mp4
30 根据屏幕密度切换不同的背景图像 《 响应式网页设计 》.mp4
31 picturefill 《 响应式网页设计 》.mp4
32 响应式幻灯片 《 响应式网页设计 》.mp4
33 幻灯片的控制按钮 《 响应式网页设计 》.mp4
34 幻灯片的控制按钮样式 《 响应式网页设计 》 .mp4
35 修复幻灯片被覆盖的问题 《 响应式网页设计 》 .mp4
36 结束语 《 响应式网页设计 》 .mp4
responsive-web-design-files.zip



[移动4G时代响应式布局网页之bootstrap3]下的文件共14个

4G时代响应式网页之bootstrap3之实现动态加载标签页内容_标清.flv
4G时代响应式网页之bootstrap3分裂式下拉菜单按钮_标清.flv
4G时代响应式网页之bootstrap3制作下拉菜单_标清.flv
4G时代响应式网页之bootstrap3导航条nav_标清.flv
4G时代响应式网页之bootstrap3导航条显示位置和对齐方式_标清.flv
4G时代响应式网页之bootstrap3导航条添加组件_标清.flv
4G时代响应式网页之bootstrap3按钮组_标清.flv
4G时代响应式网页之bootstrap3标签页导航_标清.flv
4G时代响应式网页之bootstrap3输入框组_标清.flv
移动4G时代响应式网页之bootstrap3关于按钮的样式_标清.flv
移动4G时代响应式网页之bootstrap3关于表单样式_标清.flv
移动4G时代响应式网页之bootstrap3关于表格的样式_标清.flv
移动4G时代响应式网页之bootstrap3图片样式_标清.flv
移动4G时代响应式网页之bootstrap3工具class_标清.flv
**** Hidden Message *****

pxm137344740 发表于 2019-7-31 18:49:48

看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!

gogery 发表于 2019-8-12 20:06:27

不管你信不信,反正我是信了。支持吾爱编程网!

yinpo 发表于 2020-4-21 23:19:06

哥顶的不是帖子,是寂寞!支持吾爱编程网!

369987023 发表于 2020-4-24 21:38:39

正好用的上,感谢老铁的分享

18623798066 发表于 2024-6-25 08:39:29

看了LZ的帖子,我只想说一句很好很强大!支持吾爱编程网!
页: [1]
查看完整版本: 六套Bootstrap Web前端CSS框架开发视频教程合集 Bootstrap视频教程