-
模态弹窗Modals ____.modal ________.modal-dialog(可选) ____________.modal-content ________________.modal-header ____________________button.close>span{×} ____________________h4{标题名} ________________.modal-body ________________.modal-footer ____固定在浏览器中 ____宽度自适应水平居中 ____透明的黑色蒙层 ________.fade--.in 0--50% ________其它尺寸(.modal-dialog.++) ____________.modal-lg .modal-sm ____触发方法 ________button ____________触发元素 ________________button[data-toggle=modal][data-target=.XXX/#XXX] ____________弹出窗口 ________________.modal.XXX/#XXX ________a ____________触发元素 ________________a[data-toggle=modal][href=#XXX/.XXX] ________JavaScript触发 ____________.btn.click>.XXX/#XXX.modal() ____________modal({参数}) ________________backdrop ________________keyboard ________________show ________________remote ____内部控制 ________span[data-miss=modal] ________button[data-miss=modal] ____过渡动画 ________.modal.fade ____data-参数说明查看全部
-
触发选项卡的方法： 1.通过data-toggle:data-toggle="tab"或data-toggle="pill" 2.通过js直接调用： $(function(){ $("#myTab a").click(function(e){ e.preventDefault(); $(this).tab("show"); }) })查看全部
-
Bootstrap V3.2中提供了12种JavaScript插件，他们分别是： ☑ 动画过渡（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”查看全部
-
自定义 Bootstrap 框架,可以封装自己的UI样式，有两种实现方式： 1.使用 CSS 预处理器语言(这个语言怎么学？) 2.使用在线自定义设置(这个自定义怎么搞)查看全部
-
固顶标题: <div data-spy="affix" data-offset-top="90" data-offset-bottom="150">affix元素</div> <body data-spy="scroll" data-target="sidebarMenu">查看全部
-
轮播效果的触发： $(".carousel").carousel(); 也可以通过容器的 ID 来指定： $("#slidershow").carousel(); 选择器选中之后可以直接调用后面封装好的函数触发，这个是可以的。查看全部
-
手风琴实现原理： 1.生成一个面板组 2.将面板组与面板下拉栏通过ID对应起来 3.通过collapse默认显示为隐藏 4.通过in默认为显示查看全部
-
比较实用酷炫的手风琴效果查看全部
-
绑定按钮然后绑定实例，最后触发文字的很好的一个例子（主要看js）查看全部
-
做一个正在加载事件： <button class="btn btn-primary" data-loading-text="正在加载中,请稍等..." type="button" id="loaddingBtn">加载</button> $(function(){ $("#loaddingBtn").click(function () { $(this).button("loading"); }); });查看全部
-
除了通过自定义data-dismiss="alert"属性来触发警告框关闭之外，还可以通过JavaScript方法。只需要在关闭按钮上绑定一个事件： $(function(){ $("#close").on("click",function(){ $(this).alert("close"); }); });查看全部
-
可以关闭的警告框：<h3>示例</h3> <div class="alert alert-success" role="alert"> <button class="close" data-dismiss="alert" type="button" >×</button> <p>恭喜您操作成功！</p> </div>查看全部
-
弹出框和提示框代码的异同：查看全部
-
可以通过js触发该类弹出框？： <button type="button" class="btn btn-default" id="myPopover"> 猛击我吧 </button> $(function(){ $('#myPopover').popover({ title:"我是弹出框的标题", content:"我是弹出框的内容", placement:"top" }); });查看全部
-
popover和弹出框的差别：不同的是：弹出框除了有标题 title 以外还增加了内容 content 部分。这个在提示框中是没有的。查看全部
举报
0/150
提交
取消