查看: 1637|回复: 74

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

  [复制链接]

27

主题

43

帖子

470

积分

Kib

Rank: 3Rank: 3

贡献
54
技术
275
活跃
39
在线时间
6 小时
发表于 2016-3-11 18:53:46 | 显示全部楼层 |阅读模式
六套Bootstrap Web前端CSS框架开发视频教程合集   Bootstrap视频教程
关于Bootstrap

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。[2] 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。


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

1212.jpg


无标题.jpg

-------------------课程目录-------------------
  [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




[bootstrap3高清系列]下的文件共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


  [Twitter Bootstrap101系列]下的文件共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

  [bootstrap 其它杂项]下的文件共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
购买主题 已有 14 人购买  本主题需向作者支付 220 金币 才能浏览

6

主题

393

帖子

3221

积分

Tib

Rank: 7Rank: 7Rank: 7

贡献
0
技术
0
活跃
359
在线时间
70 小时
发表于 2016-3-11 19:46:04 | 显示全部楼层
希望能从基础开始,刚开始学习前端。目前学习仅在w3c

1

主题

595

帖子

3345

积分

论坛VIP特惠-永久权限

Rank: 8Rank: 8

贡献
0
技术
0
活跃
555
在线时间
74 小时
发表于 2016-3-11 20:08:56 | 显示全部楼层
看看不错呢~

0

主题

246

帖子

1530

积分

Gib

Rank: 5Rank: 5

贡献
0
技术
0
活跃
240
在线时间
61 小时
发表于 2016-3-11 20:29:17 | 显示全部楼层
希望能从基础开始,刚开始学习前端。目前学习仅在w3c

0

主题

1672

帖子

9190

积分

Cib

Rank: 13Rank: 13Rank: 13Rank: 13

贡献
0
技术
0
活跃
2212
在线时间
167 小时
发表于 2016-3-11 20:29:34 | 显示全部楼层
感谢分享收藏

0

主题

466

帖子

2615

积分

论坛VIP特惠-永久权限

Rank: 8Rank: 8

贡献
0
技术
-1
活跃
406
在线时间
57 小时
发表于 2016-3-11 21:34:22 | 显示全部楼层
套Bootstrap Web前端CSS框架开发视频教程合集 Bootstrap视频教

0

主题

237

帖子

1425

积分

论坛VIP特惠-永久权限

Rank: 8Rank: 8

贡献
-100
技术
0
活跃
234
在线时间
49 小时
发表于 2016-3-11 21:50:28 | 显示全部楼层
正想下载学习,谢谢

0

主题

469

帖子

2885

积分

Pib

Rank: 8Rank: 8

贡献
0
技术
0
活跃
439
在线时间
109 小时
发表于 2016-3-11 23:59:57 | 显示全部楼层
多谢,学习一下。
使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表