bootstrap tooltip特定寬度的一個工具提示

Question

在窗體上我有一個圖標bootstrap tooltip。

工具提示使用整個站點使用的標準CSS寬度150px。

我想覆蓋這一個工具提示的CSS寬度從150px到400px，但也保留在測試站點中出現的其他工具提示的150px寬度。

我該如何做到這一點？

這裏是我的代碼的HTML表單代碼中添加圖標和工具提示的圖標：

$('#id_paragraph1_suggestion').after('<i id="id_icon_paragraph1_suggestion" class="fa fa-lightbulb-o blue_color icon_size18 no_decoration no_flicker_padding"></i>'); 

$("#id_icon_paragraph1_suggestion").tooltip({'html': true, 'title': 'Display suggestions to build your paragraph\n\nWe encourage you to mix & match different suggestions to complete your details.\n\nSimply replace the generic data with your own personalized information.'}); 

這裏是我的CSS代碼設置提示的寬度：

.tooltip-inner { 
    max-width: 900px; 
    white-space: pre-wrap 
} 
div[class="tooltip-inner"] { 
    max-width: 150px 
} 

Answer 1

OK ，這是答案。

添加以下到.tooltip屬性：

'template': '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner tooltip-suggestion"></div></div>' 

所以，這是我的改變（最終）HTML代碼（從OP改變）：

$('#id_paragraph1_suggestion').after('<i id="id_icon_paragraph1_suggestion" class="fa fa-lightbulb-o blue_color icon_size18 no_decoration no_flicker_padding"></i>'); 

$("#id_icon_paragraph1_suggestion").tooltip({'template': '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner tooltip-suggestion"></div></div>', 'html': true, 'title': 'Display suggestions to build your paragraph\n\nWe encourage you to mix & match different suggestions to complete your details.\n\nSimply replace the generic data with your own personalized information.'}); 

這是改變的CSS代碼：

.tooltip-inner { 
    max-width: 900px; 
    white-space: pre-wrap 
} 
div[class="tooltip-inner"] { 
    max-width: 150px 
} 
.tooltip-suggestion { 
    max-width: 400px; 
} 
div[class="tooltip-suggestion"] { 
    max-width: 400px 
} 

我希望這會幫助別人。

我引用此link作爲設置。