如果仔細(xì)查看altert.js的源碼就知道,在最后一種情況下 如果要連同div之外的button按鈕一起都關(guān)閉掉的話,先給button按鈕加個(gè)獨(dú)有的id或者class屬性,假設(shè)button的id="col",然后設(shè)置 data-target="#myAlert,#col",這樣就可以連同按鈕一起關(guān)閉了。當(dāng)然 除此之外 你還可以通過這個(gè)關(guān)閉按鈕去關(guān)閉其他的東西。總之,設(shè)置了data-dismiss屬性的時(shí)候 通過data-target指向誰 就是關(guān)閉誰~
2015-11-07
希望能有些樣式上的創(chuàng)新和技巧之類的,或者在改變bootstrap樣式時(shí)有哪些規(guī)范,總覺得項(xiàng)目中的代碼不成體統(tǒng)
2015-11-05
很多標(biāo)簽比如role真心沒必要加上,雖然是為了培養(yǎng)規(guī)范化,但是不利于講述原理和教學(xué),哎
這幾天學(xué)習(xí)bootstrap,感謝感謝。祝網(wǎng)站風(fēng)聲水起。節(jié)節(jié)高升。
2015-10-31
關(guān)于“需要在樣式中給 affix 設(shè)置一個(gè)top值,與 data-offset-top 值相等。”
這樣看過滑動(dòng)滑塊到固定的位置時(shí)會(huì)跳一節(jié)。
測(cè)量之后發(fā)現(xiàn),ul塊初始距離頂部225px,因?yàn)樵O(shè)置了ul.nav-tabs.affix{top: 125px;},即最終固定位置距離頂部125,所以應(yīng)該是滑動(dòng)225-125=100px后定位,設(shè)置data-offset-top="100"才對(duì)。
這樣看過滑動(dòng)滑塊到固定的位置時(shí)會(huì)跳一節(jié)。
測(cè)量之后發(fā)現(xiàn),ul塊初始距離頂部225px,因?yàn)樵O(shè)置了ul.nav-tabs.affix{top: 125px;},即最終固定位置距離頂部125,所以應(yīng)該是滑動(dòng)225-125=100px后定位,設(shè)置data-offset-top="100"才對(duì)。
2015-10-27
<script>
$(function(){
$('[data-toggle="popover"]').popover();
});
</script>
$(function(){
$('[data-toggle="popover"]').popover();
});
</script>
2015-10-25
popover 和tooltip還有一個(gè)區(qū)別是popover需要點(diǎn)擊才能觸發(fā)????
2015-10-25
彈出框的制作結(jié)構(gòu)和提示框并無太多差別,但樣式風(fēng)格上還是有蠻大的區(qū)別。其主要定義了彈出框邊框、圓角、背景、陰影以及三角形等樣式:具體代碼見右側(cè)的bootstrap.css。
2015-10-25
在Bootstrap框架中的提示框,結(jié)構(gòu)非常簡(jiǎn)單,常常使用的是按鈕<button>標(biāo)簽或者鏈接<a>標(biāo)簽來制作。不管是使用按鈕還是鏈接來制作提示框,他們都有一個(gè)共性:
通過 title 屬性的值來定義提示信息(也可以使用自定義屬性 data-original-title 來設(shè)置提示信息)。
通過 data-placement 自定義屬性來控制提示信息框的位置,根據(jù)四種不同的位置,data-placement具有四個(gè)值:top、right、bottom和left,分別表示提示框出現(xiàn)的位置在頂部、右邊、底部和左邊。
還有一個(gè)最重要的參數(shù)不可缺少,data-toggle="tooltip"。
通過 title 屬性的值來定義提示信息(也可以使用自定義屬性 data-original-title 來設(shè)置提示信息)。
通過 data-placement 自定義屬性來控制提示信息框的位置,根據(jù)四種不同的位置,data-placement具有四個(gè)值:top、right、bottom和left,分別表示提示框出現(xiàn)的位置在頂部、右邊、底部和左邊。
還有一個(gè)最重要的參數(shù)不可缺少,data-toggle="tooltip"。
2015-10-25