使用w3tc的bootstrap CDN覆盖了最小化的CSS

我在wordpress上使用一个名为"w3总缓存"的插件，它可以缩小我的style.css(位于我的主题文件夹中)。问题是，在function.php我排队引导CDN和style.css正确，像这样:

   function bootstrap() { 
   wp_enqueue_style( 'bootstrap-css','https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' ); 
   wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js',  array('jquery') );
   }
   add_action('wp_enqueue_scripts', 'bootstrap');

   function maincss() {
   wp_enqueue_style( 'maincss', get_template_directory_uri() . '/style.css' );
   }
   add_action( 'wp_enqueue_scripts', 'maincss');     

但是，每当我的页面加载style.css被缩小后的头标签和bootstrap留在下面覆盖我所有的规则…

这是我正在工作的网站:http://bootstraptest.co.nf

如果你将第一个样式表移到bootstrap之后，你可以看到按钮工作并且标题被正确放置。