Bootstrap 3 Template

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

by Rowan Hamilton

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">
<header>
            <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">
			<img src="https://www.fleetvumanager.com/images/FleetVu.png" height="40" border="0" alt="Home" title="FleetVu Manager" onclick="location.href='analysisDash.cfm'">
			</a>
                        
                    </div>

                    <!-- LINKS -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                        </ul>
                        <!-- LOGIN -->
                        <form class="navbar-form navbar-right login">
                            <div class="form-group">
                                <input type="text" id="loginUsername" class="form-control" placeholder="username">
                                <input type="password" id="loginPassword" class="form-control" placeholder="password">
                            </div>
                            <!--- <button type="submit" onclick="login()" class="btn btn-default">Login</button> --->
                            <input type="button"...

CSS

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

/* Optional theme */
@import url(https://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

 body {
        font-family: "Arial" ;
    }

    .ttposter{
        color:black;
        height:400px;
        width:250px;
    }

    .navbar-custom {
        background-color:#222;
       background-image:none;
        color:#ffffff;
        border-radius:0;
        margin-bottom: 0;
    }

    .navbar-custom .navbar-nav > li > a {
        color:#fff;
    }
    .navbar-custom .navbar-nav > .active > a, .navbar-nav > .active >    a:hover, .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color:transparent;
    }

.navbar-custom .navbar-brand {
    color:#eee;
}
.headerImgText{
    color:white;
    margin: 10%;
}

body,html {
    height: 100%;
}

.form-control {
  width: initial;
}



/* Testing */



.login input[type=text]{
	width: 250px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	/*font-size: 16px;*/
	font-weight: 400;
	padding: 4px;
}

.login input[type=password]{
	width: 250px;
	background: transparent;
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
}

.login input[type=button]{
	width: 260px;
	height: 35px;
	background: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #222;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 6px;
	margin-top: 10px;
}

.login input[type=button]:hover{
	opacity: 0.8;
}

.login input[type=button]:active{
	opacity: 0.6;
}

.login input[type=text]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=password]:focus{
	outline: none;
	border: 1px solid...

JavaScript

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