Bootstrap工具提示不出现在div元素中

Question

我有一个与右边对齐的div标签。所以我把bootstrap工具提示放在左边。但没有出现。

   <div class="container-fluid">
        <div class="row">
            <div id="map" style="width: 100%; height: 300px; border: 1px solid #ccc;">
                <div class="map-nav-container">
                    <div class="mnc-button-group">
                        <button data-toggle="tooltip" data-placement="left" title="Hello">+</button>                            
                    </div>                        
                </div>
            </div>
        </div>
    </div>

这是css代码

.map-nav-container{
    position:absolute; 
    right: 0; 
    overflow: hidden; 
    z-index: 1000;
}
.mnc-button-group{ 
    margin-top: 30px;
}

here is working代码。

Answer 1

他想要按钮左侧的工具提示。

.map-nav-container{
    position:absolute; 
    right: 0; 
    overflow: visible; 
    z-index: 1000;
}
.mnc-button-group{ 
    margin-top: 30px;
}

http://jsfiddle.net/28bjaae3/4/

overflow: visible;