<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav class="navbar navbar-light bg-faded" style="background-color: #ffffff;"> <h1 class="navbar-brand mb-0">Navbar</h1> </nav> <div class="container"> <div class="row"> <div class="col"> <div class="wrapper-signin center-block"> </div> </div> </div> </div>

html { background: url('http://i.stack.imgur.com/jGlzr.png') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body { background: transparent; } .wrapper-signin { margin-top: 20px; padding: 40px 0px 20px 0px; background-color: #fafafa; -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4); border-radius: 15px; max-width: 460px; width: 91%; height: 320px; display: block; }