Bootstrap弹出窗口离开了屏幕

Question

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

我想得到这样的东西：

问题在于，如果我将该弹出框的值更改为有效，则其他弹出框会出错，如果我更改了内部文本，则不适合。我能做什么？顺便说一下，这是代码：

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