查看: 4118|回复: 140

[Web开发合集:PHP/JS/前端等] 六套Bootstrap Web前端CSS框架开发视频教程合集 Bootstrap视频教程

  [复制链接]

27

主题

42

帖子

504

积分

Kib

Rank: 3Rank: 3

贡献
54
技术
277
活跃
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
购买主题 已有 17 人购买  本主题需向作者支付 220 金币 才能浏览

6

主题

403

帖子

2425

积分

Tib

Rank: 7Rank: 7Rank: 7

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

1

主题

1059

帖子

6856

积分

论坛贵宾VIP-永久权限

Rank: 8Rank: 8

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

0

主题

397

帖子

2770

积分

Pib

Rank: 8Rank: 8

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

0

主题

1983

帖子

1万

积分

Nib

Rank: 11Rank: 11Rank: 11Rank: 11

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

0

主题

645

帖子

4305

积分

论坛贵宾VIP-永久权限

Rank: 8Rank: 8

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

1

主题

328

帖子

2573

积分

论坛贵宾VIP-永久权限

Rank: 8Rank: 8

贡献
-100
技术
0
活跃
358
在线时间
115 小时
发表于 2016-3-11 21:50:28 | 显示全部楼层
正想下载学习,谢谢
milie> <12httborder="/ulalt="p>

milie> <12httborder="/ulalt="p> /="xi2"r4441>1983dt>威望64490" cs fa>

<> 正想下载学习,谢谢
none;">7031r>
9 faref="http://www.santongit.com/space-uid-19884.html" target="_blank" class="xw1">feb<9a>
"m zmapleleafsid="v id="userinfo764525_ma">
wzhao 当前离线
阅读权限031r
90
最后登录
2017-11595od=space&uid=752间
433 小时<
od=ongit.comdt>
23742
注册时间
2014-8-2
精华
0
主题
23742帖子<炊3 href="http://www.santongd=75217&do=thp?mod=space&ud=75217&do=thread&type=reply&view=me&from=space" tar60a href="http:>

2090
2090
威望
0
贡献
0
技术
-1
活跃

NibRank: 11Rank:3043 /></span></p>
<div id=Nib, 积分 1345859 n5che一级还需 1542 积分

贡献
0
技术
-1
活跃
630
在线时间
91 小时
  • 收听TA
  • 发消息
  • 59 fa>
    9 fiv class="pdbt"> <3:59:5od=iv class="authi">
    milie> <1"httborder="/ulalt="p> 多谢,
    <9 filass="t_f" id="postmessage_764509"> 正想下载学习,谢谢
    9">回复 回复 反9">

    'hiddenpov>stip'子();'>还有一些帖子被系统自动隐藏,点此展开d=spaceiv> ls fa> "hiddenpov>sfilass="r764490

    " value="pton%3D/p> linput type="hiddenulname="pton" value="/p> l/form> gbtnfilm/home.php?mod=space&uid=19884&do><-23622-2-r> 下一页 »d=spaceiv> gs mtm mbm re"> ls fa> gfilv> ong>od=v> ong>lm/home.php?mod=space&uid=19884&do><-23622-2-r> /dd> m/home.php?mod=space&uid=19884&do><-23622-t">> m/home.php?mod=space&uid=19884&do><-23622-4">> rd=spam/home.php?mod=space&uid=19884&do><-23622- 1186<-23622- od=spam/home.php?mod=space&uid=19884&do><-23622-san> od=spam/home.php?mod=space&uid=19884&do><-23622-8an> 2"><-23622-dd>> 884<-23622-dd>>> 12"><-23622-d u>... 11186 xfarize="achm o cl">淙胍陈耄椿爻悼焖偬" value="/p>onkeydown="if(evcht.keyCode==13) {window.loclason='forum.php?mod=view><>
    / 11 页ref)" onmlabel88m/home.php?mod=space&uid=19884&do><-23622-2-r> 下一页d=spaceiv> f)" h> gb yfilm/home.php?mod=space&uid=19884&doforum-78san> 返回列表
    laa>

    <$('newspecial>click="showWindow('new><>t_7forum.php?mod=pov>&action=new><&fdi=v87>.pngulalt="发新帖fl d> r764490