如何增加Bootstrap Popover 寬度
使用Bootstrap 3 時,放置在表單元素右側的popover 可能會受到寬度限製表單控制項的寬度全角性質。以下是一些避免覆蓋Bootstrap 預設樣式的解決方案:
選項1:自訂CSS
將此CSS 新增到您的樣式表中:
<code class="css">.popover { max-width: 100%; /* Increase the popover's maximum width */ }</code>
選項2:指定Popover 容器
預設情況下,彈出視窗包含在觸發它們的元素內。要讓彈出視窗為全角,請使用JavaScript 指定不同的容器:
<code class="js">$('[data-toggle="popover"]').popover({ container: 'body' // Contain the popover within the body element });</code>
附加資訊
JSFiddle 演示
查看此 JSFiddle 中解決方案的工作演示:https://jsfiddle.net/xp1369g4/
以上是以下是一些標題選項,請記住它們應該簡潔且有吸引力: 直接且資訊豐富: * 如何將 Bootstrap 3 彈出視窗擴展到表單元素寬度之外? * 製作Bootstrap Popove的詳細內容。更多資訊請關注PHP中文網其他相關文章!