style.css gets included before bootstrap


Staff member
i'm trying to overwrite bootstrap with my style.css (placed by default in my wordpress theme folder). so this is the code i have in my functions.php to enqueue the bootstrap cdn and my css:

function bootstrap() { 
wp_enqueue_style( 'bootstrap-css', '' ); 
wp_enqueue_script( 'bootstrap-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');

and this is what my head looks like in my google's inspector:

<link rel="stylesheet" id="maincss-css" href="" type="text/css" media="screen">

<link rel="stylesheet" id="bootstrap-css-css" href="" type="text/css" media="all">

i'm pretty new with wordpress so be nice to me :p