更改引導彈出窗口生成的內聯樣式元素

嘗試使用引導彈出窗口，好奇地它生成了一個添加的內聯樣式元素position: relative;我檢查過其他彈出窗口，它似乎標準行爲不會添加此元素。它所做的是將頁面底部的彈出窗口的高度放在頁面的底部，這會導致滾動條出現，並使頁面感到不安，因爲內容將全部向上移動以爲該滾動條騰出空間。更改引導彈出窗口生成的內聯樣式元素

這是由bootstrap生成的HTML。

<div class="popover fade bottom in" role="tooltip" id="popover774731" style="top: -626px; left: 508.859px; display: block; position: relative;"> ... </div>

在JS的酥料餅被創建爲這樣：

$('.mrp-container').popover({ 
    container: "body", 
    placement: "bottom", 
    html: true, 
    content: content 
});

並初始化另一個JS文件$('[data-toggle="popover"]').popover();

我有一些CSS瞄準了這一如下：

.popover { 
    background: #ffffff; 

    border: 1px solid #cccccc; 
    border-radius: 5px; 

    box-shadow: 0 1px 4px 0 rgba(179, 179, 179, 0.3); 

    margin-top: 5px; 
    margin-left: 58px; 
    margin-right: 5px; 
    padding: 15px 15px 0; 

    width: 400px; 
}

在項目中的所有JS中搜索「相對」這個詞在任何地方都不會被使用，所以我不知道在哪裏尋找改變這一行，JS popover（）函數不接受任何可以讓你改變這一點的東西。任何想法或建議，將不勝感激。

來源

2017-07-05 Cornelius J Ehmke

將彈出窗口放置在具有固定位置的另一個元素中，解決了問題，仍然對導致該問題的原因感到好奇。

來源

2017-07-07 02:09:34

更改引導彈出窗口生成的內聯樣式元素

回答

相關問題