bootstrap-alert组件基本活儿在CSS上,JS部分就是一个关闭事件。这是框架提供的关闭事件,在这之前,你可以通过on方法绑定close,closed这两种回调,它会在关闭时被调用。基本上,你只要引入了JS文件,HTML按它格式要求写,它就能干活了。 需要注意的有两个: 关闭铵 ...
这次说的是手风琴组件,但是bootstrap的实现有点奇怪,CSS中的类名以accordion为前缀,JS里面的处理组件与相关方法为collapse。 HTML结构以下:类名accordion的DIV包含N个类名为accordion group的DIV,每组又分两部分accordion heading与accordion body。accordion heading包含触发用的accordion ...
2012-12-23 19:31 4 8464 推荐指数:
bootstrap-alert组件基本活儿在CSS上,JS部分就是一个关闭事件。这是框架提供的关闭事件,在这之前,你可以通过on方法绑定close,closed这两种回调,它会在关闭时被调用。基本上,你只要引入了JS文件,HTML按它格式要求写,它就能干活了。 需要注意的有两个: 关闭铵 ...
bootstrap-modal译为模态对话框,也就是带遮罩层的对话框。 从它的源码实现来看有点罗索。 它的HTML结构分三分部,首部,内容区,底层,底部放按钮或分页栏。 <div class="modal hide fade"> <div class ...
bootstrap的旋转木马组件,不过只能自动从左到右,而且与其他组件不一样,需要自己手动初始化一下。 结构还是算简单, <div id="myCarousel" class="carousel slide"> <div class ...
bootstrap-popover是bootstrap-toolbar的子类。它就比toolbar多一个content参数,其他就是一些默认值不同。与toolbar一样没有自定义事件。 名称 类型 默认 描述 ...
导航分析(nav): 源码文件:_navs.scss:导航模块Mixins/_nav-divider.scss:分隔线Mixins/_nav-vertical-align.scss:垂直对齐 1、只是用css进行了样式修饰,对Js没有任何依赖2、导航模块可以包含下拉模块3、实现了水平、垂直 ...
虽然是基于不纯的目的来学习它,但想必也对大家有所帮助。 bootstrap虽然挂着twitter的名字,但实质上只是twitter的两个员工自己的项目。 bootstrap不是单纯一个项目,它的许多部件,包括CSS部分,JS部分,还是最原始的less部分要依赖其他项目才能运作。不过CSS已经有 ...
今天开始说非常简单的bootstrap-button组件。 button设计得非常smart,只有一个调用接口,你可以在$().button(str)中传入不同的字符串,来切换它的文本,其中有三个是框架占用的——toggle, reset, loading。 button的文本切换 ...
bootstrap-dropdown组件是个烂东西,我读后的整体感觉。 一个下拉开菜单的设计: <ul class="nav pull-right"> <li id="fat-menu ...