title: Change width Angular powered Bootstrap tooltip
body: <p>I would like to change the width of my tooltip, but can't figure out how to write the CSS code for that. The HTML code is the following:</p>
  
  <pre><code>                    &lt;th class="number"&gt;
                          &lt;span class="header-content" jhiSortBy="sumPerAmount"&gt;
                              &lt;span class="header-text" jhiTranslate="something.sumPerAmount" ngbTooltip="VERY_LONG_TOOLTIP_TEXT_VERY_LONG_TOOLTIP_TEXT_VERY_LONG_TOOLTIP_TEXT" tooltipClass="wide-tooltip"&gt;Sum per
                                  amount&lt;/span&gt;
                              &lt;fa-icon class="sort-icon" [icon]="'sort'"&gt;&lt;/fa-icon&gt;
                          &lt;/span&gt;
                       &lt;/th&gt;  
  </code></pre>
  
  <p>CSS-code:</p>
  
  <pre><code>.wide-tooltip .tooltip-inner{
  background-color: darkgreen;
  width: 300px;
  </code></pre>
  
  <p>}  </p>