JSFiddle - React, Tailwind, and code Playground

by FlameTrap

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
      <base href="http://test121212.herokuapp.com/">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
      
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

  
     <script src="/assets/javascripts/jquery-1.7.1.min.js" type="text/javascript"></script>
  </head>

  <body data-spy="scroll">
<img src="heder.png" style="position: fixed; top: 0; left: 0; width: 100%; height: 200px;">
    <div class="container">
        <div class="row">
            <div class="span3">
                <ul id="navbar1" class="nav nav-list" data-spy="affix">
                      <li><a href="#test1"><i class="icon-chevron-right"></i> Dropdowns</a></li>
                      <li><a href="#test2"><i class="icon-chevron-right"></i> Button groups</a></li>
                      <li><a href="#test3"><i class="icon-chevron-right"></i> Dropdowns</a></li>
                      <li><a href="#test4"><i class="icon-chevron-right"></i> Button groups</a></li>
                      <li><a href="#test5"><i class="icon-chevron-right"></i> Dropdowns</a></li>
                      <li><a href="#test6"><i class="icon-chevron-right"></i> Button groups</a></li>
                      <li><a href="#test7"><i class="icon-chevron-right"></i> Dropdowns</a></li>
                      <li><a href="#test8"><i class="icon-chevron-right"></i> Button groups</a></li>
                      <li><a href="#test9"><i class="icon-chevron-right"></i> Dropdowns</a></li>
                      <li><a href="#test10"><i class="icon-chevron-right"></i> Button groups</a></li>
                      <li><a href="#test11"><i class="icon-chevron-right"></i> Dropdowns</a></li>
                      <li><a href="#test12"><i...

CSS

body {
overflow: hidden;
}   

.nav-list, section {
        padding-top: 220px;
      }

.span3 { min-height: 1px; }

.nav-list { width: 240px; }

section {
 margin-bottom: 100%;   
}

JavaScript

$('#navbar1').affix();