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