BootStrap Footer Problem
HTML
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<section>
<div class="container alignLeft fitHeight">
<div class="row">
<div class="col-md-12">
<div class="scuole">
<h1 class="page-header">Scuole associate al DS</h1>
</div>
</div>
</div>
<div class="panel-group" id="accordion_" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne_0">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#CollapseContent_0" aria-expanded="true" aria-controls="CollapseContent">
AGIS014002 - I.I.S.S. "MICHELE FODERA'"
</a>
</h4>
</div>
<div id="CollapseContent_0" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<div class="container">
<div class="row">
<!-- Column 1: PROGETTI -->
<div class="col-md-6">
<!-- Bottone relativo ai progetti WIFI: -->
<a title="WIFI" href="javascript: void(0)" id="showWifi_0" class="showWifi">
<div class="news_box news_box_01 hvr-underline-from-center " style="margin-right: 50px;"></div>
</a>
<!-- Bottone relativo ai progetti PNSD: -->
<a title="PNSDe" href="javascript: void(0)" id="showPnsd_0" class="showPnsd">
<div class="news_box news_box_02 hvr-underline-from-center...
CSS
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body{
text-align: center;
}
.error {
padding: 3px;
margin-bottom: 5px;
border: 1px solid transparent;
color: red;
}
h3{
text-align:center;
}
.msg {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.linkCell{ padding-top:20px;}
.button-disabled{
color: grey;
}
header {
/* background-image: linear-gradient(#04519b, #044687 60%, #033769); */
background-image: linear-gradient(#0297c2, #03bbd7 60%, #18bed7);
color: #fff;
min-height: 250px;
padding-top: 25px;
padding-bottom: 25px;
}
.menuHeader {
min-height: 80px !important;
text-align: left !important;
}
header .logo {
float: left;
width: 170px;
}
#login-box {
float: right;
border: 0 !important;
margin: 0 !important;
padding: 25px !important;
width: auto !important;
background: none !important;
}
header form {
float: right;
}
#ricorda {
float: right;
}
.headerDiv {
/* background-image: linear-gradient(#04519b, #044687 60%, #033769); */
background-image: linear-gradient(#0297c2, #03bbd7 60%, #18bed7);
color: #fff;
min-height: 250px;
padding-top: 25px;
padding-bottom: 25px;
}
/*
.container p{
text-align: justify !important;
}
*/
.headerDiv .container .logo {
float: left;
}
.form-inline .radio, .form-inline .checkbox {
float: right !important;
}
i.glyphicon-home {
font-size: 1.84em;
margin-right: 10px;
}
i.glyphicon-user {
font-size: 1.84em;
margin-left: 10px;
}
#menuTi.group-item i {
float: right;
margin-right: 15px;
width: 80px;
}
.textOnRight {
text-align: right !important;
float: right;
}
#menuTitle {
font-size: 1.4em;
text-align: center;
}
.group-item {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
overflow: auto;
padding-bottom:...