Bootstrap 4.x jumbotron cover background image

Bootstrap css framework tutorials
Post Reply
User avatar
sonik
Site Admin
Posts: 37
Joined: 12 Nov 2018, 22:12

Bootstrap 4.x jumbotron cover background image

Post by sonik » 28 May 2019, 13:39

In this example we are going to create a custom logo header
Bootstrap 4.x jumbotron cover background image.png
Bootstrap 4.x jumbotron cover background image.png (219.6 KiB) Viewed 211 times

Code: Select all

<html>
<head>
<title>jumbotron test custom cover background image</title>
<style>
.jumbotron {
  background: url(background.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100px;
  color: #ffffff;
}
</style>
<body>
<div class="container">
<div class="jumbotron text-center">
  <h1>Webleit.info</h1>      
  <p>My tutorials on php, html, linux, windows and more.</p>
</div>
</div>
</body>
</html>

Post Reply