如果仔细查看altert.js的源码就知道,在最后一种情况下 如果要连同div之外的button按钮一起都关闭掉的话,先给button按钮加个独有的id或者class属性,假设button的id="col",然后设置 data-target="#myAlert,#col",这样就可以连同按钮一起关闭了。当然 除此之外 你还可以通过这个关闭按钮去关闭其他的东西。总之,设置了data-dismiss属性的时候 通过data-target指向谁 就是关闭谁~
2015-11-07
关于“需要在样式中给 affix 设置一个top值,与 data-offset-top 值相等。”
这样看过滑动滑块到固定的位置时会跳一节。
测量之后发现,ul块初始距离顶部225px,因为设置了ul.nav-tabs.affix{top: 125px;},即最终固定位置距离顶部125,所以应该是滑动225-125=100px后定位,设置data-offset-top="100"才对。
这样看过滑动滑块到固定的位置时会跳一节。
测量之后发现,ul块初始距离顶部225px,因为设置了ul.nav-tabs.affix{top: 125px;},即最终固定位置距离顶部125,所以应该是滑动225-125=100px后定位,设置data-offset-top="100"才对。
2015-10-27
<script>
$(function(){
$('[data-toggle="popover"]').popover();
});
</script>
$(function(){
$('[data-toggle="popover"]').popover();
});
</script>
2015-10-25
弹出框的制作结构和提示框并无太多差别,但样式风格上还是有蛮大的区别。其主要定义了弹出框边框、圆角、背景、阴影以及三角形等样式:具体代码见右侧的bootstrap.css。
2015-10-25
在Bootstrap框架中的提示框,结构非常简单,常常使用的是按钮<button>标签或者链接<a>标签来制作。不管是使用按钮还是链接来制作提示框,他们都有一个共性:
通过 title 属性的值来定义提示信息(也可以使用自定义属性 data-original-title 来设置提示信息)。
通过 data-placement 自定义属性来控制提示信息框的位置,根据四种不同的位置,data-placement具有四个值:top、right、bottom和left,分别表示提示框出现的位置在顶部、右边、底部和左边。
还有一个最重要的参数不可缺少,data-toggle="tooltip"。
通过 title 属性的值来定义提示信息(也可以使用自定义属性 data-original-title 来设置提示信息)。
通过 data-placement 自定义属性来控制提示信息框的位置,根据四种不同的位置,data-placement具有四个值:top、right、bottom和left,分别表示提示框出现的位置在顶部、右边、底部和左边。
还有一个最重要的参数不可缺少,data-toggle="tooltip"。
2015-10-25