Child Theme when parent theme uses bootstrap

I’m trying to set up a child theme for the style social-magazine which uses bootstrap (I think that’s the problem).

I’ve set up the child theme .CSS file:

/*
 Theme Name:   Social Magazine Child
 Theme URI:    https://example.com/social-magazine-child/
 Description:  Social Magazine theme for SUDSOL
 Author:       Me
 Author URI:   https://sudsol.org
 Template:     social-magazine
 Version:      1.0.0
 Tags:
 Text Domain:  social-magazine-child
*/

(that’s all I have in the functions.php file)

I’ve set up a functions.php file which enqueues the stylesheets from the parent & the new child stylesheet:

<?php
function social_magazine_child_styles() {
wp_enqueue_style( 'social_magazine_bootstrap_css', get_template_directory_uri() . '/css/bootstrap.min.css');
wp_enqueue_style( 'social_magazine_font_awesome_css', get_template_directory_uri() . '/css/font-awesome.min.css');
wp_enqueue_style( 'social_magazine_style', get_template_directory_uri() . '/style.css');
wp_enqueue_style ('child-style', get_stylesheet_directory_uri() . '/style.css' ,array ('social_magazine_style'));
}
add_action( 'wp_enqueue_scripts', 'social_magazine_child_styles' );
?>

(that’s all I have in the functions.php file)

I’ve switched to this child style in the wp-admin area.

It displays the main page fine, but the dropdown menus don’t work (they don’t even show the drop down list).

So I’m obviously missing something that I should be including, but I don’t know what.

Help!
Thanks,
Coleen