向左浮动一个弹出窗口

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%">

（您可以查看小提琴here）

这是使用bootstrap Javascript我触发了弹出式窗口。现在，当我单击此输入标记时，它将显示在元素下方但居中。有没有什么方法可以将popover对齐在左边而不是居中？

Answer 1

试试这个

.popover {
 left: 0px !important;
}

在你的css文件中。它应该可以工作，但箭头还没有正确对齐。

Answer 2

.popover {
    position: absolute;
    left: 0;
    top: 0;
}