Team:Groningen/TESTPAGE4

From 2013.igem.org

(Difference between revisions)
Line 7: Line 7:
<script>
<script>
$(document).ready(function() {
$(document).ready(function() {
-
     $('nav').scrollToFixed();
+
     $('.submenu').scrollToFixed();
});
});
</script>
</script>
 +
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css" type="text/css" />
 +
 +
<style>
 +
.header {
 +
    background-color: #000;
 +
    color: #fff;
 +
    height: 200px;
 +
}
 +
.content>div {
 +
margin-top: 15px;
 +
}
 +
.submenu {
 +
min-width: 130px;
 +
}
 +
</style>
 +
 +
<div class="container">
 +
    <div class="row header">
 +
        <div>Header</div>
 +
    </div>
 +
    <div class="row content">
 +
        <div class="span2">
 +
            <div class="submenu">
 +
                <ul class="nav nav-pills nav-stacked">
 +
                    <li class="nav-header">Select a section</li>
 +
                    <li class="active"><a href="#blurb">Station Blurb</a></li>
 +
                    <li><a href="#submit-music">Submit Music</a></li>
 +
                    <li><a href="#advertise">Advertise</a></li>
 +
                    <li><a href="#complaints">Complaints</a></li>
 +
                    <li><a href="#find-us">Find us</a></li>
 +
                    <li><a href="#contact-us">Contact us</a></li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
        <div class="span6">
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
            <p>filler</p>
 +
      </div>  <!-- /span -->   
 +
  </div><!-- /row --> 
 +
</div><!-- /container -->

Revision as of 11:48, 25 July 2013

Header

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler

filler