在自定义wordpress插件中的wrapp twitter bootstrap

Question

我尝试在我的自定义wordpress插件中使用bootstrap,但似乎打破了所有管理区域以下

class MyPlugin{
 public function iniAdmin(){
        add_action('admin_menu', array($this, 'register_collections_menu_page'));
        add_action( 'admin_init', array($this,'style_bootstrap' ));
    }
    public function style_bootstrap(){
        wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array('jquery'), '1.9.1', true); // we need the jquery library for bootsrap js to function
        wp_enqueue_script( 'bootstrap-js', '//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js', array('jquery'), true); // all the bootstrap javascript goodness
        wp_enqueue_style( 'bootstrap', '//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css' );
    }

}

$collections_settings = new MyPlugin();
if (is_admin()){
    $collections_settings->iniAdmin();
}

如何在wordpress插件中以propper方式包装bootstrap样式

Answer 1

经过长时间的搜索,我找到了一个非常好的教程,介绍如何重新编译twitter-bootstrap以在Wordpress管理员中使用.你可以在这里找到它.

使用Bootstrap 3

.less在您所在的同一目录上创建一个新的bootstrap.css(例如wordpress-bootstrap.less)并包装以下内容

.bootstrap-wrapper {
    @import (less) url( 'bootstrap.css' );
}

...毕竟你必须重新编译你的CSS(我用过winless),你被wordpress-bootstrap.css包裹进去.bootstrap-wrapper.

然后,你准备好了!