反應，自舉：（後面會出現模式窗口）內模態提示

Question

我有內部文件，例如代碼模式：

... 
Icon = require 'components/shared/icon' 
{ Checkbox, OverlayTrigger, Tooltip } = require 'react-bootstrap' 
... 
body: -> 
... 
    <Checkbox 
    checked={ @state.myAttr } 
    onChange={ @onMyAttrChange }> 
    <OverlayTrigger placement='top' overlay={ <Tooltip> {I18n.t('my_attr')} </Tooltip> }> 
     <Icon fa='info-circle' style={{ marginLeft: 5' }} /> 
    </OverlayTrigger> 
    </Checkbox> 

但不知何故提示出現背後模態窗口。如何解決這個問題？

Answer 1

.tooltip - 是由default提供的工具提示類。 所以，解決的辦法是補充一點：

.tooltip { z-index: 1151 !important; } 

與CSS文件的當前頁面。這是引導方面的問題。