<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 ----------> <!--Ref: http://flipclockjs.com/ --> <link rel="stylesheet" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css"> <script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script> <div class="container"> <div class="row"> <h2>TEST: FlipClock.js in Bootstrap</h2> <br><br><br> <div class="clock"></div> <script type="text/javascript"> var clock = $('.clock').FlipClock({ clockFace: 'TwentyFourHourClock' }); </script> </div> </div>

body{ background-color:#000; background-image:url(http://i.imgur.com/CWu5qaF.png); } h2{ color:#CB0D70; } .flip-clock-divider .flip-clock-label { color: #CB0D70 !important; }