css - 在特定标签上禁用 Bootstrap

Question

我有一个 Wordpress 主题，我在其中添加了 Bootstrap 以使用它的按钮 UI 和进度条等其他东西。 问题是 Bootstrap 影响了 wordpress 菜单的呈现方式。 我想禁用菜单的 Bootstrap 以禁用此问题并具有菜单主题的默认行为，但我想保留按钮、进度条和我正在使用的关于 Bootstrap 的其他内容。 有什么解决这个问题的建议吗？

我希望这里有一些有用的代码:

菜单声明:

wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); 

这就是我将 Bootstrap 添加到主题中的方式，在 functions.php 中:

 wp_register_script( 'bootstrap-js', get_template_directory_uri() . '/bootstrap/js/bootstrap.min.js', array( 'jquery' ), '3.0.1', true );
 wp_register_style( 'bootstrap-css', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css', array(), '3.0.1', 'all' );
 wp_enqueue_script( 'bootstrap-js' );
 wp_enqueue_style( 'bootstrap-css' );

Answer 1

我对 WordPress 的工作原理一无所知，但您是否考虑过自定义您的 Bootstrap 构建以仅包含您真正想要的内容？

前往 Bootstrap Customizer然后取消选中所有你不想要的东西，只保留你想要的部分，比如按钮和进度条。然后，您将获得一个更小版本的 Bootstrap CSS 和 JS，它只包含您想要的组件，有望在一定程度上解决您的问题。