小编Leo*_*eon的帖子

我在页面顶部的固定导航栏中使用了twitter bootstrap下拉菜单.

这一切都很好但是在显示其他页面元素后面而不是在它们前面的下拉菜单项有问题.

如果我在页面上有任何东西position: relative(如jquery ui手风琴或谷歌图表),那么下面的菜单会显示在它后面.尝试更改z-indexdd菜单和导航栏,但没有任何区别.

我可以让菜单位于其他内容之上的唯一方法是将内容更改为position: fixed;OR z-index: -1; ,但这两种解决方案都会导致其他问题.

感谢您能给我的任何帮助.

我认为这可能是CSS定位的一些标准问题,我误解了,所以没有发布任何代码,但如果需要可以做.

谢谢.

使用Twitter Bootstrap 3.

我有一个固定的导航栏,菜单项对齐右边,通过在导航栏崩溃div中添加.pull-right到ul.

当导航在小屏幕上折叠并且您单击以打开它时,导航项目不应该是100%宽度,但是大约30%并向右拉.

已修复此问题:

@media (max-width: 767px) { 
    .navbar-nav.pull-right { float: none!important; }
}

但想知道是否有更好的方法来做到这一点.

导航栏的代码是:

<!-- Fixed navbar -->
<div class="navbar navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">
                <img src="application/assets/img/main-logo.png" alt="">
            </a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav pull-right">
                <li class="active"><a href="#">Menu 1</a></li>
                <li><a href="#about">Menu 2</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu 3 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a …

有没有办法删除添加的模型观察者

$model->observe(new ObserverObject)

也许像

$model->observers['ObserverObject']->remove()

谢谢