<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <footer class="container-fluid"> <div class="row "> <div class="visible-xs-block"> <div role="tabpanel"> <!-- Nav tabs --> <ul class="nav nav-tabs nav-stacked text-center" role="tablist"> <li role="presentation" class="active"><a href="#harzspk" aria-controls="harzspk" role="tab" data-toggle="tab">Harzsparkasse</a></li> <li role="presentation"><a href="#volksbank" aria-controls="volksbank" role="tab" data-toggle="tab">Harzer Volksbank</a></li> <li role="presentation"><a href="#links" aria-controls="links" role="tab" data-toggle="tab">Weitere Links</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade in active" id="harzspk"> <h3>Harzsparkasse</h3> <ul class="list-group "> <li class="list-group-item">Harzsparkasse</li> <li class="list-group-item">BIC: NOLADE21HRZ</li> <li class="list-group-item">IBAN: DE 16 810 520 000 300 64 59 61</li> </ul> </div> <div role="tabpanel" class="tab-pane fade" id="volksbank"> <h3>Harzer Volksbank</h3> <ul class="list-group"> <li class="list-group-item">Harzer Volksbank</li> <li class="list-group-item">BIC:  GENODEF1QLB</li> <li class="list-group-item">IBAN:  DE 65 8006 3508 5100 2701 00</li> <li class="list-group-item">link4</li> </ul> </div> <div role="tabpanel" class="tab-pane fade" id="links"> <h3>Weiter Informationen finden Sie hier</h3> <ul class="list-group"> <li class="list-group-item"><a href="#">Facebook</a></li> <li class="list-group-item"><a href="#">Myspace</a></li> <li class="list-group-item">link3</li> <li class="list-group-item">link4</li> </ul></div> </div> </div> </div> <div class="hidden-xs"> <div class="col-md-4 col-lg-4 col-sm-4 "> <h3>Harzsparkasse</h3> <ul class="list-group "> <li class="list-group-item">Harzsparkasse</li> <li class="list-group-item">BIC: NOLADE21HRZ</li> <li class="list-group-item">IBAN: DE 16 810 520 000 300 64 59 61</li> </ul> </div> <div class="col-md-4 col-lg-4 col-sm-4 "> <h3>Harzer Volksbank</h3> <ul class="list-group"> <li class="list-group-item">Harzer Volksbank</li> <li class="list-group-item">BIC:  GENODEF1QLB</li> <li class="list-group-item">IBAN:  DE 65 8006 3508 5100 2701 00</li> <li class="list-group-item">link4</li> </ul> </div> <div class="col-md-4 col-lg-4 col-sm-4"> <h3>Weiter Informationen finden Sie hier</h3> <ul class="list-group"> <li class="list-group-item"><a href="#">Facebook</a></li> <li class="list-group-item"><a href="#">Myspace</a></li> <li class="list-group-item">link3</li> <li class="list-group-item">link4</li> </ul> </div> </div> </div> </footer>

footer .list-group-item{ border:0; background:transparent; } div.visible-xs-block { background:maroon; color:white; font-family:"Tahoma" serif; padding:1em; } footer{ background:#000; color:white; height:auto; }