當放置在輸入的右側時如何使 Bootstrap 彈出視窗更寬？

如何更改Bootstrap Popover 的寬度

當使用Bootstrap 3 並嘗試實現放置在輸入組件右側的彈出視窗時，您可以可能會遇到彈出視窗寬度顯得不足的問題。這個問題是由於 Bootstrap 中表單控制元素的設計導致了全角輸入元素。

HTML 程式碼

CSS 解

您可以使用CSS 修改彈出視窗的寬度：

但是，如果這不能解決問題，您可能需要指定彈出視窗的容器：

透過利用和調整容器屬性，彈出框將擴展到其完整寬度。

更多資訊

• 彈出框最初僅限於觸發元素。
• 透過指定容器作為主體，允許彈出視窗超出元素範圍。
• 彈出視窗的最大寬度由容器決定。

JSFiddle

訪問以下 JSFiddle 來見證解決方案的實際應用：

以上是當放置在輸入的右側時如何使 Bootstrap 彈出視窗更寬？的詳細內容。更多資訊請關注PHP中文網其他相關文章！