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">
<!-- Nav Menu -->
      <div id="navigation-panel" class="innovate-menu col-md-3 col-sm-3">
        <nav class="navbar navbar-inverse" id="top-menu">
          <div class="navbar-header">
            <button class="navbar-toggle" data-target="#navbarCollapse" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
          </div>
          <div class="collapse navbar-collapse" id="navbarCollapse">

            <div class="nopadding-left">
              <div class="nav nav-gallery filters" id="accordion" role="tablist" title="Toggle to expand">
                <div class="panel-group">

                  <div class="panel panel-default">
                    <div class="panel-heading">
                      <button aria-controls="collapseTwo" aria-selected="false" data-target="#collapseTwo" data-toggle="collapse">Display</button>
                    </div>
                    <div class="panel-collapse collapse" id="collapseTwo">
                      <div class="panel-body">
                        <ul>
                          <li class="iso-btn" data-filter=".desktop">
                            <a href="#">Desktop</a>
                          </li>
                          <li class="iso-btn" data-filter=".mobile">
                            <a href="#">Mobile</a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <div class="panel panel-default">
                    <div class="panel-heading">
                      <button aria-controls="collapseSix" aria-selected="false" data-target="#collapseSix" data-toggle="collapse">Security</button>
 ...

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');

body {
    margin: 10px;
}


#accordion .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}

#accordion .panel-group .panel .panel-heading {
    padding: 0;
}

#accordion .panel-group .panel .panel-body {
    padding: 0;
}

#accordion .panel-group .panel .panel-heading button {
    font-size: 16px;
    text-align: left;
    height: 100%;
    width: 100%;
    background: #fff;
    border: #fff;
    padding: 7px 15px;
}

#accordion .panel-group .panel .panel-heading.active button,
#accordion .panel-group .panel .panel-heading button:hover,
#accordion .panel-group .panel .panel-heading button:focus {
    font-size: 16px;
    text-align: left;
    height: 100%;
    width: 100%;

    -webkit-box-shadow: inset 8px 0px 0px -3px rgba(92,92,92,1);
    -moz-box-shadow: inset 8px 0px 0px -3px rgba(92,92,92,1);
    box-shadow: inset 8px 0px 0px -3px rgba(92,92,92,1);
}

#accordion ul {
    list-style: outside none none;
    margin: 0;
    padding-left: 0;
}

#accordion ul li {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #5c5c5c;
    cursor: pointer;
    font-size: 1.1em;
    padding: 0;
    text-align: left;
    text-transform: none;
}

#accordion .panel .panel-body ul li.iso-btn {
    background: #fff;
    border: #fff;
    padding: 7px 15px;

    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #5c5c5c;
    cursor: pointer;
    font-size: 1.1em;
    text-align: left;
    text-transform: none;
}

#accordion .panel .panel-body ul li.iso-btn a {
    color: #5c5c5c !important;
    text-decoration: none !important;
}

#accordion .panel .panel-collapse.collapse.in .panel-body ul li.active {
    background: #d8d8d8 none repeat scroll 0 0;
}

#accordion .panel-group .panel .panel-collapse.collapse.in {
   ...

JavaScript

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