Попкорты Bootstrap выходят из экрана

Question

У меня проблемы с popover в Bootstrap. У меня есть форма в выпадающем меню, на панели навигации, и popover попадает в верхнюю часть экрана. Кроме того, popover действительно тонкий. Это ситуация:

Я хотел бы получить что-то вроде этого:

Проблема заключается в том, что если я изменить значения для этого пирог на работу, другие Popovers получить неправильно , и если я изменю текст внутри, он не будет соответствовать. Что я мог сделать? это код, кстати:

<li class="dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
     <?php echo lang('register'); ?><b class="caret"></b> 
    </a> 
    <ul id="register" class="dropdown-menu form"> 
     <?php echo form_open('#'); ?> 
      <input type="text" name="user" placeholder="<?php echo lang('login.username'); ?>"> 
      <input type="email" name="email" placeholder="<?php echo lang('reg.email'); ?>"> 
      <input type="password" name="pass" placeholder="<?php echo lang('login.password'); ?>"> 
      <input type="password" name="pass_conf" placeholder="<?php echo lang('reg.pass_conf'); ?>"> 
      <input class="btn btn-info" type="button" value="<?php echo lang('reg.submit'); ?>"> 
     </form> 
    </ul> 
</li> 

У этого есть немного PHP-кода, но я думаю, что он показывает структуру в порядке. CoffeeScript для этой части заключается в следующем:

username = $('#register input[name="user"]') 
if (! /^([\w_-]{4,15})$/.test(username.val())) 
    username.addClass('error') 
    username.popover({ 
     'placement': 'right' 
     'trigger': 'manual' 
     'title': user_not_valid_title 
     'content': user_not_valid 
    }) 
    username.popover('show') 
    pass = false 

Answer 1

я, наконец, получил решение без изменения container в пирог, установив его на body, а затем положить более высокий, чем z-index навигационной панели.