twitter-bootstrap - Twitter Bootstrap のナビゲーション バーが Drupal 管理バーと重なっている

Question

Drupal 7 と Twitter Bootstrap を使用してサイトに取り組んでいます。ページの上部にナビゲーション バーがあります。Drupal で管理者としてログインすると、管理バーが表示されます。これらの 2 つのナビゲーション バーは互いに重なっています。

どうすればこれを防ぐことができますか? Twitter のナビゲーション バーを常に自分のページの一番上に置きたいのですが、Drupal にログインしているときは Drupal バーの下に置きたいです。

Answer 1

あなたはこれを試すことができます：

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

それが機能する場合 (そうすべきです!)、以下のコードを plugins フォルダーまたは 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' );

代わりに、このプラグインを使用できます

Answer 2

おそらく、navbar で navbar-fixed-top を使用したことがあります。もしそうなら、それを削除してみてください。

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

または、navbar-fixed-bottom を入れると、ブートストラップ ナビゲーション バーが画面の下部に固定されます。

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