TheGenie OfTruth TheGenie OfTruth - 4 months ago 9
Javascript Question

Float a popover to the left

So I have a bottom aligned popover, and an element with a width of 100%

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


(You can view the fiddle here)

This is using bootstrap Javascript and I have popovers triggered. Now, when I click on this input tag, it is shown below the element but centered. Is there any way I can align the popover to be on the left as opposed to being centered?

Answer

Try this

.popover {
 left: 0px !important;
}

in your css file. It should work, but the arrow isn't align properly yet.