-
提示框查看全部
-
选项卡查看全部
-
mark查看全部
-
mark查看全部
-
$('#id').tooltip({ tilte:'', placement:'', ...其他参数 });查看全部
-
动画过渡（Transitions）:对应的插件文件“transition.js” 模态弹窗（Modal）:对应的插件文件“modal.js” 下拉菜单（Dropdown）：对应的插件文件“dropdown.js” 滚动侦测（Scrollspy）：对应的插件文件“scrollspy.js” 选项卡（Tab）：对应的插件文件“tab.js” 提示框（Tooltips）：对应的插件文件“tooltop.js” 弹出框（Popover）：对应的插件文件“popover.js” 警告框（Alert）：对应的插件文件“alert.js” 按钮（Buttons）：对应的插件文件“button.js” 折叠/手风琴（Collapse）：对应的插件文件“collapse.js” 图片轮播Carousel：对应的插件文件“carousel.js” 自动定位浮标Affix：对应的插件文件“affix.js” 类 描述 .btn 为按钮添加基本样式 .btn-default 默认/标准按钮 .btn-primary 原始按钮样式（未被操作) .btn-success 表示成功的动作 .btn-info 该样式可用于要弹出信息的按钮 .btn-warning 表示需要谨慎操作的按钮 .btn-danger 表示一个危险动作的按钮操作 .btn-link 让按钮看起来像个链接 (仍然保留按钮行为) .btn-lg 制作一个大按钮 .btn-sm 制作一个小按钮 .btn-xs 制作一个超小按钮 .btn-block 块级按钮(拉伸至父元素100%的宽度) .active 按钮被点击 .disabled查看全部
-
选项卡--JavaScript触发方法 除了在HTML设置 data-toggle 来触发选项卡之外，还可以通过JavaScript直接调用。 在每个链接的单击事件中调用tab("show")方法，显示对应的标签面板内容。 $(function(){ $("#myTab a").click(function(e){ $(this).tab("show"); }); })查看全部
-
data-toggle 是 触发器类型 data-target 是 指向触发的id查看全部
-
modal-> modal-dialog->modal-content->modal-header modal-body modal-footer查看全部
-
bootstrap的图片轮播 data-interval(设定延迟时间) data-pause（默认鼠标hover停止播放） data-wrap(轮播是否循环)查看全部
-
这里复习一波 导航栏 只需要给body 增加自定义 data-spy="scroll" 和 data-target="#id" 即可？查看全部
-
<div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">标题二</a></h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body">标题二对应的内容</div> </div> </div>查看全部
-
按钮状态切换 data-toggle="button" 使用 data-toggle 属性还可以激活按钮的行为状态，实现在激活和未激活之间进行状态切换。例如，下面代码可以激活按钮行为特性，单击时将按钮激活，再单击可以让按钮恢复到默认状态： <button type="button" data-toggle="button" class="btn btn-primary">确认</button>查看全部
-
<div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options1">电影 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options2">音乐 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options3">游戏 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options4">摄影 </label> </div>查看全部
-
复选按钮 也是一样的 data-toggle="buttons"查看全部
举报
0/150
提交
取消