Twitter Bootstrap导航栏重叠Drupal管理栏

Question

我正在使用Drupal 7和Twitter Bootstrap工作。我的页面顶部有一个导航栏。 当我在Drupal中以管理员身份登录时，会出现管理栏。这两个导航栏相互重叠。

我该怎样防止这种情况？我希望Twitter导航栏始终位于我的页面顶部，但是当我登录Drupal时，我希望它位于Drupal栏下方。

Answer 1

您可能在导航栏中使用了navbar-fixed-top。如果是这样，你可以尝试删除它。

<div class="navbar navbar-fixed-top">

或者你可以放入navbar-fixed-bottom，它会将你的引导导航栏粘在屏幕的底部。

<div class="navbar navbar-fixed-bottom">

Answer 2

你可以试试这个：

.navbar-fixed-top { top: 0px; }
body.admin-bar .navbar-fixed-top { top: 28px !important; }

如果它对您有用（它应该！），那么您必须将wp管理栏移到底部，方法是将下面的代码粘贴到plugins文件夹或functions.php文件中：

function fb_move_admin_bar() {
    echo '
    <style type="text/css">
    body { 
    margin-top: -28px;
    padding-bottom: 28px;
    }
    body.admin-bar #wphead {
       padding-top: 0;
    }
    body.admin-bar #footer {
       padding-bottom: 28px;
    }
    #wpadminbar {
        top: auto !important;
        bottom: 0;
    }
    #wpadminbar .quicklinks .menupop ul {
        bottom: 28px;
    }
    </style>';
}
// on backend area
add_action( 'admin_head', 'fb_move_admin_bar' );
// on frontend area
add_action( 'wp_head', 'fb_move_admin_bar' );

作为替代方案，您可以使用this plugin