<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 ----------> <div class="container"> <div class="row blueme"> <h2>i can b a blu</h2> <img src="http://i.imgur.com/f72nnLJ.png"/> </div> <div class="row redme"> <h2>i can b a rad</h2> <img src="http://i.imgur.com/f72nnLJ.png"/> </div> <div class="row yelame"> <h2>i can b a yallo</h2> <img src="http://i.imgur.com/f72nnLJ.png"/> </div> <div class="row rambowz"> <h2>i can b ALL THE THINGZ</h2> <img src="http://i.imgur.com/f72nnLJ.png"/> </div> </div>

.blueme { background-color: blue; } .redme { background-color: red; } .yelame { background-color: yellow; }

function spectrum(){ var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')'; $('.rambowz').animate( { backgroundColor: hue }, 1000); } setInterval(spectrum, 1080);