如何將標籤添加到引導對話框頁腳

Question

需要在頁腳bootstrap3-dialog上添加bootstrap標籤。根據this tutorial只能在頁腳區域添加按鈕。

BootstrapDialog.show({ 
    title: 'Default Title', 
    message: 'Click buttons below.', 
    buttons: [{label: 'Title 1'}, {label: 'Title 2'}] 
}); 

Answer 1

我認爲你可以處理與CSS如果你熟悉，目的是它將永遠是一個按鈕，但有一個「標籤」的風格，這樣的事情：

1. 添加CSS類爲每個 '標籤' 你想：

BootstrapDialog.show({ title: 'Default Title', message: 'Click buttons below.', buttons: [{ label: 'Title 1', cssClass: 'buttonAsLabel1' }, { label: 'Title 2', cssClass: 'buttonAsLabel2' }] });

聲明CSS類相同WA Y作爲引導相關標籤

.buttonAsLabel1 {..} .buttonAsLabel2 {..}

應該努力^^

Answer 2

如果頁腳沒有任何按鈕，將默認情況下（與style="display:none;"） 保持隱藏我設法添加任何自定義HTML像這樣的註腳：

BootstrapDialog.show({ 
    title: 'Default Title', 
    message: 'Custom Footer', 
    onshow: function(dialogRef) { 
    dialogRef.getModalFooter() 
     .css({display:'inline'}) 
     .find('.bootstrap-dialog-footer') 
     .append('<span>Anything</span>'); 
    } 
}); 

這是一個非常簡單的例子，只是擴張的想法。