<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<!– Bootstrap –>
<link rel=”stylesheet” href=”http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css”>
<link href=”@Url.Content(“~/Content/bootstrap.min.css”)” rel=”stylesheet” type=”text/css” />
<!– HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries –>
<!– WARNING: Respond.js doesn’t work if you view the page via file:// –>
<!–[if lt IE 9]>
<script src=”http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js”></script>
<script src=”http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js”></script>
<![endif]–>
<style>
body
{
padding-top: 70px;
}
/* Set the fixed height of the footer here */
#footer
{
height: auto;
background-color: #f5f5f5;
}
#header
{
margin-top: -20px;
}
</style>
</head>
<body>
<nav class=”navbar navbar-default navbar-fixed-top” role=”navigation”>
<div class=”container”>
<!– Brand and toggle get grouped for better mobile display –>
<div class=”navbar-header”>
<button type=”button” class=”navbar-toggle” data-toggle=”collapse” data-target=”#bs-example-navbar-collapse-1″>
<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=”#”>Brand</a>
</div>
<!– Collect the nav links, forms, and other content for toggling –>
<div class=”collapse navbar-collapse”
},
highlight: function (element) {
$(element).closest(‘.form-group’).removeClass(‘has-success’).removeClass(‘has-feedback’).addClass(‘has-error’);
$(element).parent().find(‘.help-block’).removeClass(‘glyphicon’).removeClass(‘glyphicon-ok’).removeClass(‘form-control-feedback’);
},
unhighlight: function(element) {
$(element).closest(‘.form-group’).removeClass(‘has-error’).addClass(‘has-success’).addClass(‘has-feedback’);
},
//errorElement: ‘span’,
errorClass: ‘help-block’,
errorPlacement: function (error, element) {
error.insertAfter(element);
}
,
success: function(element) {
element.addClass(‘glyphicon’).addClass(‘glyphicon-ok’).addClass(‘form-control-feedback’);
}
});
}); // end document.ready
