javascript - 向左浮动弹出窗口

Question

所以我有一个底部对齐的弹出框，以及一个宽度为 100% 的元素

<input 
data-placement = "bottom"
placeholder = "Stuff goes here" 
title = "Hello!" 
data-content = "Loreum ipsum sit dolor amet"
data-toggle = "popover"
style = "width:100%">

(可以查看 fiddle here )

这是使用 bootstrap Javascript 并且我触发了弹出窗口。现在，当我点击这个输入标签时，它显示在元素下方但居中。有什么方法可以将弹出窗口对齐到左侧而不是居中吗？

Answer 1

试试这个

.popover {
 left: 0px !important;
}

在您的 CSS 文件中。它应该可以工作，但箭头尚未正确对齐。