Current Path : /data/web/virtuals/51568/virtual/www/knihovna/bootstrap-menu-kit/code-snippets/ |
Current File : /data/web/virtuals/51568/virtual/www/knihovna/bootstrap-menu-kit/code-snippets/centered.html |
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="keywords" content="htmlcss bootstrap centered menu, navbar, mega menu examples" /> <meta name="description" content="Bootstrap centered navbar examples for any type of project, Bootstrap 4" /> <title>Demo - bootstrap navbar center. html code example </title> <!-- jQuery --> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <!-- Bootstrap files (jQuery first, then Popper.js, then Bootstrap JS) --> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js" type="text/javascript"></script> </head> <body style="padding-top:40px"> <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary"> <a class="navbar-brand" href="#">Brand </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="main_nav"> <ul class="navbar-nav mx-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home </a> </li> <li class="nav-item"><a class="nav-link" href="#"> About </a></li> <li class="nav-item"><a class="nav-link" href="#"> Services </a></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"> More items </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#"> Submenu item 1</a></li> <li><a class="dropdown-item" href="#"> Submenu item 2 </a></li> </ul> </li> </ul> <a class="btn btn-warning" href="#">Button</a> </div> <!-- navbar-collapse.// --> </nav> <!-- ========================= SECTION CONTENT ========================= --> <div class="container"> <section class="section-content py-5"> <h6>Demo view: Bootstrap navbar center example </h6> <p>For this demo page you should connect to the internet to receive files from CDN like Bootstrap CSS, Bootstrap JS and jQuery. </p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <a href="http://bootstrap-menu.com/detail-center.html" class="btn btn-warning">Back to tutorial or Download code</a> </section> </div><!-- container // --> </body> </html>