原文:bootstrap源码学习与示例:bootstrap-modal

bootstrap modal译为模态对话框,也就是带遮罩层的对话框。 从它的源码实现来看有点罗索。 它的HTML结构分三分部,首部,内容区,底层,底部放按钮或分页栏。 lt div class modal hide fade gt lt div class modal header gt lt button type button class close data dismiss modal a ...

2012-12-22 14:46 0 14370 推荐指数:

查看详情

bootstrap-modal 学习笔记 源码分析

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,怎么用直接官网 http://twitter.github.io/bootstrap/ 我博客的定位就是把这些年看过的源码给慢慢的总结出来,才疏学浅,不到位的见谅~ css部分呢Bootstrap由动态CSS语言 ...

Fri Jun 28 22:53:00 CST 2013 4 55021
使用 bootstrap-modal遇到的问题

bootstrap提供了一个写好的css文件和js文件然而在使用时遇到了一下并不是很好的问题,今天在使用弹出对话框时遇到了一个这样的问题 上述代码 问题是当单机对话框的边缘时就是阴暗的背影时对话框自动消失,查看了bootstrap的官网也没找到最后在中文翻译的网站http ...

Sat Oct 27 06:26:00 CST 2012 1 6289
bootstrap源码学习示例bootstrap-alert

bootstrap-alert组件基本活儿在CSS上,JS部分就是一个关闭事件。这是框架提供的关闭事件,在这之前,你可以通过on方法绑定close,closed这两种回调,它会在关闭时被调用。基本上,你只要引入了JS文件,HTML按它格式要求写,它就能干活了。 需要注意的有两个: 关闭铵 ...

Fri Dec 21 01:39:00 CST 2012 2 11114
bootstrap源码学习示例bootstrap-collapse

这次说的是手风琴组件,但是bootstrap的实现有点奇怪,CSS中的类名以accordion为前缀,JS里面的处理组件与相关方法为collapse。 HTML结构以下:类名accordion的DIV包含N个类名为accordion-group的DIV,每组又分两部分 ...

Mon Dec 24 03:31:00 CST 2012 4 8464
bootstrap源码学习示例bootstrap-carousel

bootstrap的旋转木马组件,不过只能自动从左到右,而且与其他组件不一样,需要自己手动初始化一下。 结构还是算简单, <div id="myCarousel" class="carousel slide"> <div class ...

Mon Dec 24 16:06:00 CST 2012 1 7840
bootstrap源码学习示例bootstrap-popover

bootstrap-popover是bootstrap-toolbar的子类。它就比toolbar多一个content参数,其他就是一些默认值不同。与toolbar一样没有自定义事件。 名称 类型 默认 描述 ...

Tue Dec 25 02:09:00 CST 2012 1 9284
bootstrap源码学习示例bootstrap-tooltip

tooltip是bootstrap第二复杂的组件,近三百行。配置项比较多。并且需要手动初始化。另一个特点是没有自定义事件。 名称 类型 默认 描述 animation 布尔值 true ...

Tue Dec 25 00:28:00 CST 2012 1 6217
bootstrap源码学习示例bootstrap-affix

bootstrap在2.1新增的组件,直译过来就是固定。其实这组件很简单,就是通过添加或移除affix这个类名实现屏幕固定或不固定。当页面加载完毕时,JS插件会搜索页面上所有[data-spy="affix"]的元素,然后找其data-offset-top或data-offset-bottom属性 ...

Tue Dec 25 07:18:00 CST 2012 4 8314
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM