Popover fica escondido sob a barra de navegação no Twitter Bootstrap
Eu tenho um botão de ajuda dentro da minha barra de navegação, com uma funcionalidade popover.
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<div class="nav pull-right">
<div class="cb_inline_block">
<a class="btn btn-small cb_inline_block icon timezone_help" data-content="{% trans 'hahaha' %}" rel="popover" href="#" data-original-title="{% trans 'Time Zone' %}"><i class="icon-question-sign icon-large"></i></a>
Javascript:
$(document).ready(function () { $('.timezone_help').click(show_timezone_help); };
function show_timezone_help(event){
event.preventDefault();
$('.timezone_help').popover('show');
}
Mas quando clico nele, o popover fica escondido atrás da barra de navegação.
Eu realmente tenho que definir o z-index manualmente? Isso seria doloroso. Eu devo estar fazendo algo errado. Obrigado.