css - 如何在 Bootstrap-Vue 中增加工具提示的宽度

Question

有没有办法在 bootstrap vue.js 中增加工具提示的宽度？我有一个重要的声明要显示在工具提示中。并且工具提示将消息显示为连续三个单词。 所以工具提示的高度更大，宽度更小。

<div>
  <span id="disabled-wrapper" class="d-inline-block" tabindex="0">
    <b-button variant="primary" style="pointer-events: none;" disabled>Disabled button</b-button>
  </span>
  <b-tooltip target="disabled-wrapper">jasfkjsdfsdafiads uhsdifumasb jhgasd  asd ua d uiuud  iad iadh ad ihhad ad aid ia dia id ai did ai d a ushdufsd ushd iufads fiuash dfias d uusahdfiusahifu ais fisadu fius fsuhdfushfisafh isaf hisauhfisa hhfish fiushf iush fisu hfisuh fis hfius hfius stooltip</b-tooltip>
</div>

Answer 1

试试这个

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