【问题标题】:how to set tooltip width auto adjust in bootstrap如何在引导程序中设置工具提示宽度自动调整
【发布时间】:2017-11-03 23:34:55
【问题描述】:

我使用简单的引导工具提示,但内容太长请帮助我如何在引导中调整工具提示的自动宽度

这是我的代码`

<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
</script>
<i class="fa fa-info-circle" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="Enter your emergency point of contact who may be a person in or outside of the United States, e.g., a family member, friend, or business associate.
In the Family Name field, enter your emergency contact�s family name. You must complete this field to complete the application. If you have no emergency contact, enter UNKNOWN.
In the First (Given) Name field, enter the emergency contact first name. You must complete this field to complete the application. If you have no emergency contact (or your contact has only one name), enter UNKNOWN."></i>

`

【问题讨论】:

    标签: twitter-bootstrap tooltip width


    【解决方案1】:

    在 bootstrap 4.1 中可以修改 .tooltip-inner 类的 max-width 值,例如:

    .tooltip-inner {
      max-width: 500px !important;
    }
    

    【讨论】:

      猜你喜欢
      • 2016-07-15
      • 2014-09-23
      • 1970-01-01
      • 2013-06-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-06
      相关资源
      最近更新 更多