Bootstrap-Code wirkt auf WordPress merkwürdig

Ich habe an meinem eigenen Thema gearbeitet und aus irgendeinem Grund scheint WordPress meinen Code nicht zu implementieren. Meine Navigationsleiste lädt nicht richtig, wenn ich eingeloggt bin, aber Lasten finden, wenn ich ausgeloggt bin, aber jede Bootstrap-Codierung, die ich in den Body lege, wird richtig geladen, wenn ich eingeloggt bin, aber nicht geladen, wenn ich bin abgemeldet.

Wenn ich eingeloggt bin:

Bildbeschreibung hier eingeben

Wenn ich ausgeloggt bin:

Bildbeschreibung hier eingeben

Kopfzeilencode:

  Bootstrap, from Twitter   <link href="" rel="stylesheet">      <?php echo ''.PHP_EOL; ?> 

Ich sehe keinen Grund dafür, dass es so geladen wird. Sie können sogar sehen, dass beim Laden die Navigationsleiste nicht korrekt geladen wird, aber die Spalten richtig geladen werden. Ich benutze XAMPP um WordPress auf meinem Laptop zu starten.

Update – Weitere Informationen meine style.css (der kommentierte Teil stammt aus einem Tutorial, das ich auch unten verlinkt habe):

 /* Theme Name: WP Bootstrap Theme URI: http://teamtreehouse.com/how-to-build-a-simple-responsive-wordpress-site-with-twitter-bootstrap Description: A simple responsive theme built with Bootstrap Author: Zac Gordon Author URI: http://zacgordon.com/ Version: 1.0 Tags: responsive, white, bootstrap License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) License URI: http://creativecommons.org/licenses/by-sa/3.0/ This is an example theme to go along with the Treehouse blog post on How to Build a Simple Responsive WordPress Site Using Twitter Bootstrap. */ @import url('bootstrap/css/bootstrap.css'); @import url('bootstrap/css/bootstrap-responsive.css'); body { padding-top: 70px; padding-bottom: 40px; } 

Header.php:

    Bootstrap, from Twitter   <link href="" rel="stylesheet">      <?php echo ''.PHP_EOL; ?> 

Fußzeile.php

  

© Company 2012

functions.php (eine Menge was hier ist wurde als eine Lösung für die Navbar hinter der Admin-Leiste hier WordPress Admin-Leiste überlappende Twitter-Bootstrap-Navigation ) gegeben:

  '', 'after_widget' => '', 'before_title' => '

', 'after_title' => '

', )); add_action('wp_head', 'mbe_wp_head'); function mbe_body_class($classes){ if(is_user_logged_in()){ $classes[] = 'body-logged-in'; } else{ $classes[] = 'body-logged-out'; } return $classes; } function mbe_wp_head(){ echo '' .PHP_EOL .'body{ padding-top: 40px !important; }' .PHP_EOL .'body.body-logged-in .navbar-fixed-top{ top: 46px !important; }' .PHP_EOL .'body.logged-in .navbar-fixed-top{ top: 46px !important; }' .PHP_EOL .'@media only screen and (min-width: 783px) {' .PHP_EOL .'body{ padding-top: 40px !important; }' .PHP_EOL .'body.body-logged-in .navbar-fixed-top{ top: 28px !important; }' .PHP_EOL .'body.logged-in .navbar-fixed-top{ top: 28px !important; }' .PHP_EOL .'}' .PHP_EOL; } ?>

Original-Tutorial hier http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial

Es ist kein Problem mit der Navigationsleiste, wenn ich die obigen statementen nicht befolgt hätte, um sie zu verbergen, würden Sie diesen dunklen Teil nicht in der Admin-Leiste mit dem Namen “AdventureSpace” sehen. Aus irgendeinem Grund wird meine Navbar nicht richtig geladen, wenn ich eingeloggt bin (siehe Bilder oben), aber lädt gut, wenn ich ausgeloggt bin.

Ich bin jedoch viel weniger besorgt über ihn Navbar. Ich würde das gern beheben, aber ich bin viel mehr daran interessiert, warum mein anderer Boostrap-Code nicht funktioniert :

  
1 of 2
1 of 2
1 of 3
1 of 3
1 of 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vestibulum ex laoreet venenatis imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut ligula velit, efficitur a accumsan sit amet, cursus eget metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras consequat purus finibus lacus condimentum pulvinar. Aenean at commodo nulla, sollicitudin venenatis tortor. Vestibulum id efficitur sapien. Nulla congue tortor in mauris pulvinar, eu ultricies eros convallis. Sed non ligula id nulla lobortis vestibulum. Ut sed libero vel justo imperdiet suscipit a vel lectus. Aenean eget sapien eu eros facilisis finibus vitae et turpis. Nulla facilisi. Sed bibendum vehicula imperdiet. In quis erat sed massa volutpat posuere quis nec purus. Donec sagittis erat ex, congue sodales massa rutrum a. Morbi sed neque vel elit bibendum pretium sit amet vitae sapien. Mauris vitae ligula non magna fringilla efficitur. Vestibulum convallis lacus eget imperdiet accumsan. Integer eget nulla eget urna gravida ultricies quis id lectus. Nulla dictum, mauris sed sollicitudin laoreet, augue magna feugiat leo, eu euismod ipsum massa eu tellus. Sed nec urna facilisis, posuere augue finibus, facilisis est. Proin pulvinar ex nec consequat egestas. Ut rutrum mollis mi, vitae rutrum tortor gravida vel. Nullam eu libero lobortis ligula molestie ultricies. Suspendisse eleifend, ligula ac feugiat ultrices, mi ipsum tincidunt augue, quis dapibus turpis sem accumsan enim. Ut sit amet eleifend arcu, ac condimentum ipsum. Praesent efficitur felis mauris, non ullamcorper elit tempus eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla gravida nisl ipsum, id viverra justo finibus nec. Pellentesque placerat euismod lectus, sit amet vulputate diam. Cras ut nisl vel urna euismod fringilla id et turpis. Donec et orci lacus. Curabitur dapibus nisi sit amet lobortis congue. Morbi turpis ex, sollicitudin nec nulla id, molestie lacinia dolor. Donec nec erat quis elit consectetur venenatis sit amet non nulla. Ut lacinia tempus faucibus. Mauris finibus ex sit amet urna feugiat, vel vehicula nisl vestibulum. Duis pulvinar magna ante, tempor pretium orci mollis at. In aliquet risus vel quam hendrerit sagittis. Proin laoreet vel felis ut tempus. Donec efficitur odio in erat vehicula auctor. Vestibulum posuere tortor vitae ultricies pretium. Nam euismod sollicitudin tortor, id interdum orci tincidunt vel. Vivamus lobortis euismod finibus. Duis iaculis turpis nec orci viverra, auctor sodales urna vestibulum. Etiam facilisis ac magna id pharetra. Donec a orci dolor. Ut aliquet lobortis dignissim. Aliquam quis tortor vel nunc varius pharetra. Ut placerat elit a risus semper finibus vitae eu tellus. Praesent sed sapien id nunc luctus dictum. Nunc rhoncus viverra metus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla id iaculis nibh. Maecenas nec nunc eget eros sodales interdum. Aliquam euismod massa in viverra tincidunt. Aliquam dolor felis, faucibus sed interdum vel, congue non tortor. Ut luctus nibh nisl, vel mollis velit dignissim eget. Integer pellentesque nec enim nec pulvinar. Donec varius at libero posuere varius.

Wie Sie sehen können, sollte auch eine Art Rastersystem angezeigt werden. Es funktioniert, wenn ich eingeloggt bin und funktioniert nicht, wenn ich ausgeloggt bin, was das völlig entgegengesetzte Problem ist.

Solutions Collecting From Web of "Bootstrap-Code wirkt auf WordPress merkwürdig"

Fügen Sie Folgendes am Ende Ihrer Seite im Fußbereich hinzu:

 wp_footer(); 

Und sehen Sie, ob das funktioniert.

In dieser Situation würde ich die Admin-Leiste sichtbar halten und etwas Body-Padding verwenden, um den Inhalt von Nicht-Admin-Balken nach unten zu schieben. Dieses CSS wird wahrscheinlich für Sie funktionieren:

body.logged-in { margin-top: 28px !important; }