<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Snippets</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
.bg-image{
background-image: url(https://images.unsplash.com/photo-1493515322954-4fa727e97985?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f103c0c9fb5f9c704f4ad3324d1028b7&auto=format&fit=crop&w=1350&q=80);
height: 100vh;
width: 100vw;
background-position: center center;
background-size: cover;
}
div#myCarousel {
width: 100vw;
height: 100vh;
}
