twitter-bootstrap - 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; }

如果这对你有用（它应该！），那么你必须通过将下面的代码粘贴到插件文件夹或你的 functions.php 文件中来将 wp 管理栏移动到底部：

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' );

作为替代方案，您可以使用此插件