2013-09-30 6 views
1

Я пытаюсь перенести свой статический веб-сайт на сайт на WordPress, чтобы я мог легко делать блоги, новости и RSS-каналы. Я столкнулся с проблемой, но при использовании bootstraps navbar-fixed-top подключился. Я не могу заставить его сидеть правильно, все выровнено в крайнем левом углу страницы, изображение не появляется, и я «Беседа с ним весь день безрезультатно. может кто-то, пожалуйста, помогите мне?Wordpress intergration bootstrap navbar-fixed-top

Вот мой WordPress код:

<div class="navbar navbar-default 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="img/logo-menu.png" ></a> 
    </div> 
<nav class="navbar navbar-default navbar-fixed-top"> 
<?php wp_nav_menu(array('theme_location' => 'header-menu', 'container_class' => 'navbar-collapse collapse', 'items_wrap' => '<ul class="nav navbar-nav">%3$s</ul>')); ?> 
</div> 
</nav> 

А вот код из моего статического сайта:

<nav class="navbar navbar-default 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="img/logo-menu.png" ></a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="index.php">Home</a></li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#projects">Projects</a></li> 
     <li><a href="blog.php">Blog</a></li> 
     <li><a href="#contact">Contact</a></li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</nav> 
+0

Мне удалось это выяснить. Для тех, кто борется с подобной ситуацией, работает следующий код: –

ответ

1

Я понял это, следующий метод работает для тех, кто застрял в Аналогичная ситуация есть код:

<!-- Fixed navbar --> 
<nav class="navbar navbar-default 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="img/logo-menu.png" ></a> 
    </div> 
    <div class="navbar-collapse collapse"> 
<?php wp_nav_menu(array('theme_location' => 'header-menu', 'container_class' => 'navbar-collapse collapse', 'items_wrap' => ' <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav">%3$s </ul> 
    </div><!--/.nav-collapse -->')); ?></nav>