navbar.html

﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Navbar</title>

    <!-- Bootstrap -->
    <script src="Scripts/jquery-3.0.0.min.js"></script>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <script src="Scripts/bootstrap.min.js"></script>

    <!-- en dit erbij  voor de Navbar-menu-->
    <script src="Scripts/umd/popper.min.js"></script>
    <script src="Scripts/jquery-3.0.0.slim.min.js"></script>

    <!-- een eigen Stylesheet -->
    <link href="Content/mrasoft.css" rel="stylesheet" />
</head>

<body>
    <div style="width:1000px" class="content px-4">

        <nav class="navbar navbar-expand-sm navbar-light bg-info">
            <button class="navbar-toggler" data-toggle="collapse" data-target="#menuutje">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="menuutje">
                <ul class="navbar-nav mr-auto">
                    <li>
                        <a href="/" class="nav-link">Home</a>
                    </li>
                    <li>
                        <a href="/navbar.html" class="nav-link">NavBar</a>
                    </li>
                </ul>
            </div>
        </nav>

        <h1 class="mrasoft">Bootstrap NavBar</h1>
        <p>
            Hoe met Bootstrap NavBar een navigatiebalk gemaakt kan worden.<br />
            De gebruikte versie van Bootstrap is: v4.3.1.<br /><br />
        </p>
    </div>
</body>
</html>