JSFiddle - React, Tailwind, and code Playground

by yisera

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="jumbotron text-center special-jumbotron">
    <h1>Some Title</h1>
    <p>Some description</p>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <h2>Some other content</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse egestas et massa eget molestie. Nunc congue placerat eros vel fermentum. Sed ullamcorper dapibus aliquet. Morbi tempor quis nibh quis commodo. Etiam nec consequat ligula. Sed sapien nisl, adipiscing vitae libero sed, venenatis pellentesque nisi. Ut blandit vulputate magna iaculis tempor. Phasellus quis sem non quam rutrum porta sed sed augue. Curabitur ac lacus sodales, consequat nisi ac, egestas nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
        </div>
    </div>
</div>

CSS

.special-jumbotron{height: 100%; min-height: 100%; max-height: 100%; background: url(http://www.desktopwallpaperhd.net/wallpapers/17/7/cool-background-wallpaper-keyboard-abstract-other-177639.jpg) center center fixed; background-size: cover; color: #ddd; text-shadow: 3px 4px #333;}