background image in bootstrap 4 code example
Example 1: html background image
<head>
<style>
body {
background-image: url(https://wallup.net/wp-content/uploads/2019/09/110394-cats-grey-kittens-fluffy-fat-grass-animals-cat-kitten-baby-cute-748x468.jpg)
}
</style>
<body>
You have set the background image!
</body>
Example 2: add background image in bootstrap 5
<div class="has-bg-img bg-purple bg-blend-screen">
<h4>Background blend mode: Multiply</h4>
<img class="bg-img" src="...">
</div>
Example 3: bootstrap create full screen background image
.wrapper{background: url('/assets/64531/green_suburb.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}