BootStrap学习(7)_轮播图
摘要:一、轮播图Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能,那么您需要引用BootStrap中的carousel.js。示例:1.使用 ...
阅读全文
posted @
2015-11-11 14:11
包子wxl
阅读(1215)
推荐(0) 编辑
BootStrap学习(6)_模态框
摘要:一、模态框模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果只使用该功能,只引入BootStrap中的modal.js即可1.用法:您可以切换模态框(Modal)插件的隐藏内容:通过 data 属...
阅读全文
posted @
2015-11-10 12:29
包子wxl
阅读(1558)
推荐(1) 编辑
BootStrap学习(5)_多媒体对象&列表组
摘要:一、多媒体对象这些抽象的对象样式用于创建各种类型的组件(比如:博客评论),我们可以在组件中使用图文混排,图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。.media:该 class 允许将媒体对象里的多媒体(图像、视频、音频)浮动到内容区块的左边或者右边。.media-...
阅读全文
posted @
2015-11-09 11:14
包子wxl
阅读(533)
推荐(1) 编辑
BootStrap学习(4)_分页&标签&缩略图&警告&进度条
摘要:一、分页分页(Pagination),是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。.pagination --添加该 class 来在页面上显示分页。.disabled --定义不可点击的链接.active --指示当前页面.pagination-lg,...
阅读全文
posted @
2015-11-06 14:00
包子wxl
阅读(751)
推荐(2) 编辑
BootStrap学习(3)_导航菜单
摘要:一、导航元素1.表格导航或标签以一个带有 class.nav的无序列表开始。添加 class.nav-tabs。 标签式的导航菜单 Home SVN iOS asp.Net Java PHP效果:2.胶囊式的导航菜单如果需要把标签改成胶...
阅读全文
posted @
2015-11-05 12:15
包子wxl
阅读(2120)
推荐(1) 编辑
BootStrap学习(2)_下拉菜单&按钮组
摘要:一、下拉菜单1.基本下拉菜单如需使用下列菜单,只需要在class.dropdown内加上下拉菜单即可。下面的实例演示了基本的下拉菜单: 二手家电 冰箱 洗衣机 ...
阅读全文
posted @
2015-11-04 13:51
包子wxl
阅读(2172)
推荐(1) 编辑
BootStrap学习(1)
摘要:一、Bootstrap简介BootStrap是由Twitter推出的前端框架,2011 年八月在 GitHub 上发布,BootStrap是基于Html,Css,Javascript的,可用于快速开发web,是现在主流的前端框架。Bootstrap的优点有: 1.移动设备优先:自 Bootstr...
阅读全文
posted @
2015-11-03 17:22
包子wxl
阅读(846)
推荐(1) 编辑