bootstrap tooltip样式修改

bootstrap tooltip 提示框布局在网页上很漂亮。 bootstrap tooltip 的使用也很简单，不过还是为前端新手简单介绍下。

HTML结构代码

Tooltip on left
Tooltip on top
Tooltip on bottom
Tooltip on right

有关 bootstrap tooltip 提示框更详细的使用方法请参阅bootstrap文档。

bootstrap tooltip 提示框样式显示问题

bootstrap.css 文件中找到.tooltip-inner可以看到设置了max-width属性：

/*在public样式表，写入自定义css样式覆盖前面的css样式*/
.tooltip .tooltip-inner{max-width:100%;text-align: left}

bootstap tooltip 提示框**上、下、左、右四个方向展示，注意它依赖jQuery，另外引入 bootstrap.css 样式和 bootstrap.js 脚本即可。更详尽的介绍请查看bootstrap文档中的JavaScript插件。 

 

本站声明：本站部分文章来自网络，由用户上传分享，如若内容侵犯了您的合法权益，可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。

 

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z