-
在bootstrap中声明式触发方法一般依赖于data-xxx 属性。比如data-toggle="" 或者 data-dismiss=""查看全部
-
总结一下到目前为止我所掌握的有关button的样式有：button class="btn btn-default"(默认)、button class="close" data-dismiass="modal"(要关闭的组件)、button class="btn btn-default dropdown-toggle" data-toggle="dropdown(要切换的组件)"【<span cls="caret">】这里的也可以替换成a标签、查看全部
-
要想在网页上加上modal弹出框，最外边包裹的是modal、其次是modal-dialog、最后真正的内容是放在modal-content。而modal-content中又包括三个部分：弹出框头部modal-header(主要用于放置标题和关闭按钮)、弹出框主体modal-body(用于放置内容)、弹出框底部modal-footer(主要用于放置操作按钮)查看全部
-
loading状态信息触发方式不能用声明方式触发。查看全部
-
class="close"保证X按钮在右侧显示 data-dismiss="alert"保证可以关闭警告框查看全部
-
弹出框--提示框和弹出框的异同： 从之前的学习可知，弹出框中HTML自定义的 data 属性和提示框中的自定义的 data 属性基本相同，只不过在其基础上增加了一个 data-content 属性，用来设置弹出框的内容。其实两插件也有略微的不同： 提示框 tooltip 的默认触发事件是 hover 和 focus，而弹出框 popover 是 click 提示框 tooltip 只有一个内容(title)，而弹出框不仅可以设置标题（title）还可以设置内容(content) 提示框tooltip的模板： <div class="tooltip" role="tooltip"> <div class="tooltip-arrow"></div> <div class="tooltip-inner"></div> </div> 弹出框popover的模板： <div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> </div>查看全部
-
弹出框--触发弹出框的方法: $(function(){ $('#myPopover').popover({ title:"我是弹出框的标题", content:"我是弹出框的内容", placement:"top" }); });查看全部
-
在制作提示框（tooltip）时，可以使用<button>或者<a>标签元素，而且通过 data- 属性来声明提示框的信息，如下所示： <button type="button" class="btnbtn-default" data-toggle="tooltip" data-placement="left" data-original-title="我是一个提示框tooltip"> 鼠标移上来 </button> 而弹出框Popover和提示框tooltip相比，就多了一个content内容，那么在此使用 data-content 来定义弹出框中的内容。同样可以使用<button>或者<a>标签来制作，如下： <button type="button" class="btnbtn-default" data-container="body" data-placement="bottom" data-toggle="popover" data-original-title="Bootstrap弹出框标题" data-content="Bootstrap弹出框的内容" > 猛击我吧 </button>查看全部
-
Bootstrap框架中的tooltip的插件提供了四种不同的风格： 在Bootstrap框架中的提示框，结构非常简单，常常使用的是按钮<button>标签或者链接<a>标签来制作。不管是使用按钮还是链接来制作提示框，他们都有一个共性： 通过 title 属性的值来定义提示信息(也可以使用自定义属性 data-original-title 来设置提示信息)。 通过 data-placement 自定义属性来控制提示信息框的位置，根据四种不同的位置，data-placement具有四个值：top、right、bottom和left，分别表示提示框出现的位置在顶部、右边、底部和左边。 还有一个最重要的参数不可缺少，data-toggle="tooltip"。 用button或者a标签做提示框。 须加3个属性： data-toggle="tooltip" data-placement="left" data-original-title="提示框居左">查看全部
-
选项卡--为选择卡添加fade样式: 为了让面板的隐藏与显示在切换的过程效果更流畅，可以在面板中添加类名 fade，让其产生渐入的效果。查看全部
-
选项卡--触发切换效果 同样的，选项卡也定义data属性来触发切换效果。当然前提你也要先加载bootstrap.js或者是tab.js。声明式触发选项卡需要满足以下几点要求： 1、选项卡导航链接中要设置 data-toggle="tab" 2、并且设置 data-target="对应内容面板的选择符(一般是ID)"; 如果是链接的话，还可以通过 href="对应内容面板的选择符(一般是ID)" 主要起的作用是用户点击的时候能找到该选择符所对应的面板内容 tab-pane。 3、面板内容统一放在 tab-content 容器中，而且每个内容面板 tab-pane 都需要设置一个独立的选择符（最好是ID）与选项卡中的 data-target 或 href 的值匹配。查看全部
-
tab栏： ul class类名：nav-tabs; role="tablist" li a role="tab" data-toggle="tab" href="#id名" 与tablist切换相对应的内容 最大容器 class="tab-content" 对应容器的 class="tab-pane" id=""查看全部
-
滚动监控器--JavaScript方法触发滚动监控器: 在Bootstrap框架中，使用JavaScript方法触发滚动监控器相对来说较为简单，只需要指定两个容器的名称即可。比如下面的结构： <div class="scrollspy" id="scrollspy">//给需要滚动的内容的最大容器添加类名称即可。 … </div>查看全部
-
代码如下显示查看全部
-
代码如下显示查看全部
举报
0/150
提交
取消