Javascript 引导工具提示未出现在div元素中

我有一个向右对齐的div标签。所以我把引导工具提示放在它的左边。但是没有出现

   <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>

---

和代码。

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

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

---

fiddle在chrome中似乎对我很好，你的问题可能是

#map

在chrome中的位置不一样，firefoxI现在将按钮对齐方式更新到右侧。请看@my answer。我又更新了小提琴。啊，好吧，既然如此，Webice已经回答了你的问题。非常感谢！

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

overflow: visible;