天天看点

Bootstrap 里的tooltip被遮挡的解决办法Bootstrap 里的tooltip被遮挡的解决办法

Bootstrap 里的tooltip被遮挡的解决办法

Bootstrap 里的tooltip在实际运用过程中会出现tooltip被遮挡住的情况,尤其是表格的情形下,表格第一行(tooltip在上方显示)会被遮挡,表格最后一行(tooltip在下方显示)会被遮挡

这时我们只需加一句话即可。 data-container="body" 位置如下所示

<a data-toggle="tooltip" data-placement="top" data-trigger="hover" data-content="123" data-container="body"></a>
           

详情参见bootstrap的官方文档的container属性

继续阅读