<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Zobrazit navigaci</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Název družstva</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#"><span class="glyphicon glyphicon-comment"></span> Aktuality</a></li> <li ><a href="#"><span class="glyphicon glyphicon-book"></span> Schůze</a></li> <li ><a href="#"><span class="glyphicon glyphicon-floppy-disk"></span> Soubory</a></li> <li ><a href="#"><span class="glyphicon glyphicon-info-sign"></span> Informace</a></li> </ul> <div class="nav navbar-right"> <button type="button" class="btn btn-danger navbar-btn dropdown-toggle button-login" data-toggle="dropdown">Odhlásit</button> </div> </div><!--/.nav-collapse --> </div> </div> <div class="container"> <div class="page-header"> <h1>Aktuality <a href="#" class="btn btn-lg btn-success pull-right"><span class="glyphicon glyphicon-plus"></span> Nová aktualita</a></h1> </div> </div> <div class="container"> <div class="panel panel-default"> <table class="table table-striped table-hover"> <thead> <tr> <th>Datum</th> <th>Název</th> <th>Akce</th> </tr> </thead> <tbody> <tr> <td>1.1.2014</td> <td>První aktualita na světě</td> <td> <button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span> Upravit</button> <button type="button" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove-circle"></span> Smazat</button> </td> </tr> <tr> <td>1.1.2014</td> <td>Duis nec consectetur mi</td> <td> <button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span> Upravit</button> <button type="button" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove-circle"></span> Smazat</button> </td> </tr> <tr> <td>1.1.2014</td> <td>Quisque id mi sit amet dui convallis</td> <td> <button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span> Upravit</button> <button type="button" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove-circle"></span> Smazat</button> </td> </tr> <tr> <td>1.1.2014</td> <td>Praesent in nulla vitae mi cursus iaculis</td> <td> <button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span> Upravit</button> <button type="button" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove-circle"></span> Smazat</button> </td> </tr> <tr> <td>1.1.2014</td> <td>Duis cursus, orci ut tristique faucibus</td> <td> <button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span> Upravit</button> <button type="button" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove-circle"></span> Smazat</button> </td> </tr> <tr> <td>1.1.2014</td> <td>Morbi ut hendrerit leo</td> <td> <button type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-edit"></span> Upravit</button> <button type="button" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove-circle"></span> Smazat</button> </td> </tr> </tbody> </table> </div> </div> <div class="container"> <!-- FOOTER --> <footer> <p class="pull-right"><a href="#">Zpět nahoru</a></p> <p>© 2014 · <a href="http://www.bootply.com/62603">ninjanuts.cz</a></p> </footer> </div><!-- /.container -->

body { padding-top: 40px; }