<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <h1>Space Invader - Wild Quest by Fab - Try1</h1> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-off"> </div> </div> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 pixel-off"> </div> </div> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-off"> </div> <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 pixel-on"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-off"> </div> </div> <div class="row"> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> </div> <div class="row"> <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 pixel-on"> </div> </div> <div class="row"> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> </div> <div class="row"> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-on"> </div> </div> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 pixel-off"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-on"> </div> <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 pixel-off"> </div> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 pixel-on"> </div> <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 pixel-off"> </div> </div> </div>

h1 { font-size: 30px; color: #111; margin: 50px 50px 50px 50px; text-align: center; } .container { width: 300px; } .pixel-off { background: #FFF; height: 0px; } .pixel-on { background: #BFFF00; }