Bootstrap的弹出屏幕脱离屏幕

Question

我遇到了Bootstrap弹出窗口的问题。我在导航栏中的下拉菜单中有一个表单，并且弹出窗口位于屏幕的顶部。此外，弹出窗口非常薄。情况是这样的：

我希望得到的东西是这样的：

的问题是，如果我改变价值观为酥料饼的工作，其他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比导航栏。