jquery - No place enough for my popup -


i have popup works except pointer not point @ location: enter image description here

it seems due lack of place. know workaround ? pointer @ middle of popup side ? don't want change placement of popup (data-placement="bottom").

>>jsfiddle<<:

<table style="width:300px">   <tr>     <td><a href="#" data-toggle="popover" data-content="jill kiwi<img src='http://s.cdpn.io/3/kiwi.svg'>" data-html="true" data-animation="true" data-placement="bottom" data-trigger="hover" title="who jill?">jill</a></td>     <td>smith</td>      <td>50</td>   </tr>   <tr>     <td>eve</td>     <td>jackson</td>      <td>94</td>   </tr> </table> 

you'll need override bootstrap css; following seems work in context of fiddle.

td { position: relative; } .popover.bottom { top: 1.5em!important; width: 300px; } // change width of parent table, otherwise popup width of td it's tied .popover.bottom .arrow{ left: 10%; } // dictates how far left arrow appears; alter value see fit 

example fiddle


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -