は反応して、ブートストラップ：モーダル内部のツールチップ（モーダルウィンドウの背後に表示されます）

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です。 だから、解決策は、これを追加することです：現在のページのCSSを使用してファイルへ

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

。ブートストラップ側の問題です。