jquery - No place enough for my popup -
i have popup works except pointer not point @ location:
it seems due lack of place. know workaround ? pointer @ middle of popup side ? don't want change placement of popup (data-placement="bottom"
).
<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
Comments
Post a Comment