本文小編為大家詳細(xì)介紹“怎么在Bootstrap彈出窗口中插入圖像”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“怎么在Bootstrap彈出窗口中插入圖像”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識(shí)吧。
成都創(chuàng)新互聯(lián)一直秉承“誠(chéng)信做人,踏實(shí)做事”的原則,不欺瞞客戶,是我們最起碼的底線! 以服務(wù)為基礎(chǔ),以質(zhì)量求生存,以技術(shù)求發(fā)展,成交一個(gè)客戶多一個(gè)朋友!為您提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、成都網(wǎng)頁設(shè)計(jì)、微信小程序開發(fā)、成都網(wǎng)站開發(fā)、成都網(wǎng)站制作、成都軟件開發(fā)、App定制開發(fā)是成都本地專業(yè)的網(wǎng)站建設(shè)和網(wǎng)站設(shè)計(jì)公司,等你一起來見證!
答案:使用彈出框content選項(xiàng)
您可以將該content選項(xiàng)傳遞給Bootstrap.popover()方法,以將圖像插入到彈出窗口中。您也可以使用data-content屬性設(shè)置此選項(xiàng)。
讓我們嘗試以下示例以了解其基本工作原理:
例試試這個(gè)代碼»
$(document).ready(function(){
$('[data-toggle="popover"]').popover({
placement : 'top',
trigger : 'hover',
html : true,
content : '
Excellent Bootstrap popover! I really love it.
});
});
.wrapper{
margin: 200px 150px 0;
}
讀到這里,這篇“怎么在Bootstrap彈出窗口中插入圖像”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。