Carousel slider as a background in the header

How can I install the slider in the header of the header.php? The following code is currently available for the background image. But I would like to replace that with the slider.
<?php
if(is_front_page() && !get_theme_mod( ‘header_banner_visibility’ )): ?>
<div id=”page-sub-header” <?php if(has_header_image()) { ?>style=”background-image: url(‘<?php header_image(); ?>’);” <?php } ?>>
<div class=”container”>
<h1>
<?php
if(get_theme_mod( ‘header_banner_title_setting’ )){
echo esc_attr( get_theme_mod( ‘header_banner_title_setting’ ) );
}else{
echo ‘WordPress + Bootstrap’;
}
?>
</h1>
<p>
<?php
if(get_theme_mod( ‘header_banner_tagline_setting’ )){
echo esc_attr( get_theme_mod( ‘header_banner_tagline_setting’ ) );
}else{
echo esc_html__(‘To customize the contents of this header banner and other elements of your site, go to Dashboard > Appearance > Customize’,’wp-bootstrap-starter’);
}
?>
</p>
<i class=”fa fa-fw fa-angle-down”></i>
</div>
</div>

<?php endif; ?>
<div id=”content” class=”site-content”>
<div class=”container”>
<div class=”row”>
<?php endif; ?>