Bootstrap-popover is a small overlay of content that is used to display secondary information of any element when it is clicked by a user
Questions tagged [bootstrap-popover]
337 questions
1
vote
0 answers
Position bootstrap popover with 20px 'margin' to window edge
I've been asked if I can get our bootstrap popovers avoiding the left and right window edges. I've been reading the bootstrap site, the tether site and SO..
Changing the position of Bootstrap popovers based on the popover's X position in relation to…

moosefetcher
- 1,841
- 2
- 23
- 39
1
vote
1 answer
Bootstrap popovers not aligning with arrow
I'm using bootstrap popovers in a project of mine, and I've encountered a problem with them. My popover is being pushed up because it hits the bottom of my visible screen, but when I scroll down, it doesn't move down aswell to align with the…

PiggyPiglet
- 155
- 1
- 15
1
vote
1 answer
Bootstrap modal, modal-body with overflow, popover pops under header or foorter. Any workaround?
I'm looking for a proper workaround for that bootstrap problem.
When we use the following css hack from some other stack overflow questions to make sure the modal doesn't go higher than the screen and at the same time having a vertical scrollbar for…

Marc Roussel
- 459
- 9
- 20
1
vote
3 answers
Bootstrap popover offset on first hover
I hope someone can provide a solution for this problem. My situation is that I've got a link that has a bootstrap popover effect, everytime you hover over it, it shows an image. But the problem is that the popover container is always offset on the…

NakedPython
- 920
- 2
- 7
- 27
1
vote
1 answer
Bootstrap popover on hover the links are not clickable
Currently I have the html links in the popover content.
The links inside the content are not clickable on hover and once focus is lost from the element which is attached to invoke popover on trigger:hover.
The popover hides immediately.
So, is there…

Ajinkya
- 21
- 5
1
vote
0 answers
How to hide a react-boostrap overlay (popover) when a modal opens?
I have a react-boostrap popover that contains a menu inside and opens a Link (react-router Link) which is contained in a react-boostrap modal.
The problem is that while the modal is opened, the popover doesn't close itself. How do I get it to close…

Madison
- 13
- 4
1
vote
1 answer
Popover in Bootstrap
I want to provide a set of additional information in my bootstrap template. I want to have a set of terms and conditions with a plain english popover for certain key terms.
I've included all the correct links to the CDN and I get a popup from just…

Callum K
- 183
- 1
- 12
1
vote
1 answer
AJAX request to fill a popover working only once to a php file
I have made a simple search bar in which on every .keyup() event,an asynchronous request goes to a php file which then fills the data in the bootstrap popover.
The problem is that in the popover,the data is filled only once,i.e.,when I type the…

ssharma
- 339
- 1
- 5
- 22
1
vote
1 answer
Can't add a Bootstrap Popover on a text tag in d3 application
The purpose of this snippet is to open a popup with a chart when a word is clicked. The chart is still not included into the popover, but I'm going one step at a time.
var childText = svg.selectAll("childText")
.data(...)
…

David Israwi
- 63
- 10
1
vote
1 answer
Bootstrap popover close button
FIDDLE HERE
I am adding a close x button to bootstrap 3 popovers but I am stuck getting it to work. I have tried various answers from this forum but have not been successful.
My popup code is:
// Popover Menu…

TheRealPapa
- 4,393
- 8
- 71
- 155
1
vote
1 answer
Activate Bootstrap Popover after Ajax send POST data
Hi I have problem with Bootstrap Popopver. I want to display Popover after sending data to .php file with Ajax POST method and execute .php script.
This is for sending SMS and email notifcation to our customers.
First, I have buttons located in PHP…

Oldřich Švéda
- 97
- 3
- 10
1
vote
0 answers
Add html in angular popover
How will I pass html content to angular popover. I have written code like below
In above code on hover of image pop up will come, but if text contains some…

apps
- 313
- 1
- 7
- 17
1
vote
2 answers
Bootstrap Popover : open one popover with 2 different links
Hi (and sorry if my english is not that right),
I'm trying to toggle the same popover but with 2 different links.
For example :
1st link - Popover is attached to it
2nd link - Can open the popover on the 1st link
I tried to do it :

Pierrou
- 303
- 3
- 21
1
vote
3 answers
How can I make Twitter Bootstrap Popover that always be open?
I want to make Twitter Bootstrap Popover that when document loaded, be open for ever. i see some solution but they show popover by click or hover!
There is my code:
$("#min-allowed-price .bar-label-shape").popover({
offset: 10,
…

MHS
- 881
- 1
- 13
- 30
1
vote
1 answer
Bootstrap Popover Form values disappear when Popover closes
I'm using a Bootstrap popover within my form to display some optional selections that only apply to certain users. I've noticed an issue that the form selections (yes or no radio button options) are lost as soon as the popover is closed and the form…

user982124
- 4,416
- 16
- 65
- 140