<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 ><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-success navbar-btn dropdown-toggle button-login" data-toggle="dropdown">Přihlásit</button> </div> </div><!--/.nav-collapse --> </div> </div> <div class="container"> <div class="jumbotron"> <div class="container"> <h1>Název družstva</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In auctor laoreet lorem. Ut faucibus venenatis massa, et interdum dolor tincidunt non. Cras ac tellus arcu. Etiam vitae gravida turpis. Ut porta interdum orci, quis venenatis lacus vestibulum a. Aliquam a pharetra lacus. Vivamus nec tortor odio. Morbi sed aliquam lorem. Suspendisse vel imperdiet nunc, a posuere risus.</p> <!--<p><a class="btn btn-primary btn-lg" role="button">Learn more »</a></p> --> </div> </div> <div class="row" id="about"> <div class="col-md-4"> <div class="thumbnail"> <img src="http://icons.iconarchive.com/icons/double-j-design/diagram-free/128/newspaper-icon.png" alt="..."> <div class="caption"> <h3>Titulek novinky</h3> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p><a href="#" class="btn btn-primary" role="button">Všechny aktuality</a></p> </div> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="http://icons.iconarchive.com/icons/double-j-design/diagram-free/128/folder-open-icon.png" alt="..."> <div class="caption"> <h3>Nadpis schůze</h3> <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <p><a href="#" class="btn btn-primary" role="button">Všechny schůze</a></p> </div> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="http://icons.iconarchive.com/icons/double-j-design/diagram-free/128/disk-icon.png" alt="..."> <div class="caption"> <h3>Nejnovější soubory</h3> </div> <table class="table no-bottom-margin"> <tbody> <tr> <td><span class="glyphicon glyphicon-file"></span></td> <td>1.1.2012</td> <td><a href="#">Název</a></td> </tr> <tr> <td><span class="glyphicon glyphicon-file"></span></td> <td>1.1.2012</td> <td><a href="#">Název</a></td> </tr> <tr> <td><span class="glyphicon glyphicon-file"></span></td> <td>1.1.2012</td> <td><a href="#">Název</a></td> </tr> </tbody> </table> <div class="caption"> <p><a href="#" class="btn btn-primary" role="button">Všechny soubory</a></p> </div> </div> </div> </div><!-- /.row --> <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 -->

.no-bottom-margin{ margin-bottom:0px; }