Question

我不想在Wordpress中使用Bootstrap Navigation。我把bootstrap放到File functions.php 中。但导航甚至没有工作（在header.php中）？

这是我想添加bootstrap的地方：

<!-- site navigation menu-->
        <nav class="nav nav-pills site-nav">
            <?php wp_nav_menu(); ?>
        </nav><!-- site navigation menu-->

Answer 1

兄弟你必须在style.css中导入bootstrap css，它在模板或function.php中工作正常

 function theme_styles() {

wp_enqueue_style( 'bootstrap_css', get_template_directory_uri() .    '/css/bootstrap-3.3.7.css' );
wp_enqueue_style( 'main_css', get_template_directory_uri() . '/style.css' );

}

add_action（'wp_enqueue_scripts'，'theme_styles'）;

function theme_js（）{

global $wp_scripts;

wp_enqueue_script( 'bootstrap_js', get_template_directory_uri() . '/js/bootstrap.min.js' );
wp_enqueue_script( 'my_custom_js', get_template_directory_uri() . '/js/scripts.js');

}

add_action（'wp_enqueue_scripts'，'theme_js'）;

Answer 2

我可以推荐wp-bootstrap-navwalker：

自定义WordPress nav walker类，以完全实现Twitter 使用WordPress在自定义主题中使用Bootstrap 3.0+导航样式内置菜单管理器。

查看文档：

https://github.com/wp-bootstrap/wp-bootstrap-navwalker

Twitter-Bootstrap导航无法在Wordpress中运行

2 个答案: