JSFiddle - React, Tailwind, and code Playground

by oedev

HTML

<!DOCTYPE html>
<html ng-app="InteletradeV3">

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>Test Page</title>


	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

	<!-- Optional theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

	<!-- latest jquery library -->

    <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<body>

<div id="cMain" class="container-fluid">

	<div id="cBanner" class="row col-md-12">

    </div>

	<div id="cNavigation" class="row col-md-12">

		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">Inteletrade</a>
				</div>
				<div class="collapse navbar-collapse" id="myNavbar">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#AccountHome"><span class="glyphicon glyphicon-home"></span> Home</a></li>
						<li><a href="#Contracts">Contracts</a></li>
						<li><a href="#Movements"> Movements</a></li>
						<li><a href="#Samples">Samples</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#MyProfile"><span class="glyphicon glyphicon-user"></span> Profile</a></li>
						<li><a href="#" ng-click="actionLogout()"><span class="glyphicon glyphicon-log-in"></span> Logout</a></li>
					</ul>
				</div>
			</div>
		</nav>


	</div>

	<div id = "cContent" class="row col-md-12" style="height:...

CSS

html, body {
    height: 100%;
}

#cMain, cNavigation {
    height: 100%;
}

#cBanner {
    background: #002d62 top center no-repeat scroll;  
    height: 200px; 
    margin-bottom: 1em; 
    margin-top: 1em;    
}

#cContent {
    height: 100%
}