Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.0/bootstrap-table.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.0/bootstrap-table.min.css">
<a class="btn btn-default btn-lg ini" id="hs1" href="#" role="button">TEST</a>
<div class="container" id="chi">
         <div class="row">
           <div class="col-xs-11 col-sm-12 col-md-10 col-lg-8 col-centered">
                <div class="panel panel-primary">
                     <div class="panel-heading"><h2>Test</h2><h5>Test</h5></div>
                     <div class="panel-body">
                       <p>Test</p>
                       </div>
               </div>
           </div>
         </div>
       </div>

CSS

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */
/*@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');*/

.ini{
color: white;
background-image: -webkit-linear-gradient(top,#0000FF 0,#00C4FF 100%);
border: 2px solid #0000FF;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.ini:hover {
  color: blue;
  background-image: -webkit-linear-gradient(left,yellow 20%, #FF542D 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);  
}

.active {
  color: blue;
  background-image: -webkit-linear-gradient(left,yellow 20%, #FF542D 100%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);  
}

JavaScript

/* Latest compiled and minified JavaScript included as External Resource */
$("#chi").hide();
  $("#hs1").click(function(){
      $(this).toggleClass('active');
			if($('#chi').is(':hidden')){
      $("#chi").toggle(500);}
      else{$("#chi").hide(1000);}
  });