Line 28: | Line 28: | ||
position: absolute; /* Position the background text */ | position: absolute; /* Position the background text */ | ||
bottom: 0; /* At the bottom. Use top:0 to append it to the top */ | bottom: 0; /* At the bottom. Use top:0 to append it to the top */ | ||
− | background: rgba( | + | background: rgba(256, 256, 256, 0.5); /* Black background with 0.5 opacity */ |
color: #f1f1f1; /* Grey text */ | color: #f1f1f1; /* Grey text */ | ||
width: 100%; /* Full width */ | width: 100%; /* Full width */ | ||
− | |||
} | } | ||
Revision as of 21:42, 19 August 2018
- !
* Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features) * Copyright 2013-2017 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE) */
body {
padding-top: 54px;
}
@media (min-width: 992px) {
body { padding-top: 56px; }
}
.card {
height: 100%;
}
.container {
position: relative; margin: 0 auto; /* Center it */ width: 100%;
}
.container .content {
position: absolute; /* Position the background text */ bottom: 0; /* At the bottom. Use top:0 to append it to the top */ background: rgba(256, 256, 256, 0.5); /* Black background with 0.5 opacity */ color: #f1f1f1; /* Grey text */ width: 100%; /* Full width */
}
.bg-image-full {
height: 100%; background-color: #f2f2f2;
}