Why popover's title displays badly?

Asked Aug 11 '14 at 11:00

Active Aug 11 '14 at 11:33

Viewed 68 times

I'm using bootstrap in my project. I would like to use popover inside of modal window, but popover's title look like this:

enter image description here

Here is code I have inside of modal:

<button id="popover-test-in-modal" type="button" class="btn btn-primary" 
   data-toggle="popover" title="Test for popover" 
   data-content="And here's some amazing content. Testing popover.">Popover
</button>

<script>
        $("#popover-test-in-modal").popover();
</script>

Here is jsFiddle: http://jsfiddle.net/7k5mjw24/
How can I fix it?

edited Aug 11 '14 at 11:33

asked Aug 11 '14 at 11:00

Krzysztof Miśtal

6

If you have other styles than bootstrap on your page they could be overriding the bootstrap classes. Posting a jsFiddle will be best. – Stefan Aug 11 '14 at 11:03
1

your popover looks all okay.. [JS fiddle link](http://jsfiddle.net/karthickj25/us5L18nz/), try refering the bootstrap css in the last – karthickj25 Aug 11 '14 at 11:08
I have style from template I bought. In jsFiddle everything works. I'll post it in couple minutes. – Krzysztof Miśtal Aug 11 '14 at 11:15
Its look like that your header tag is getting width tag applied from template. Try by applying width:100% !important for this modal tooltip header tag. Hope it works – Nimmi Aug 11 '14 at 11:38
Unfortunately it didn't work. – Krzysztof Miśtal Aug 11 '14 at 11:43
can you add your template CSS into the fiddle so it can be more helpful – Nimmi Aug 11 '14 at 11:44
Fidlle is updated with template css. – Krzysztof Miśtal Aug 11 '14 at 12:04

Why popover's title displays badly?

0 Answers0