Nav component

<link href="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.js"></script>

<div style="background-color:white" class="row">
    <div class="col-sm-3">
        <img src="https://pagure.io/fedora-bootstrap/raw/master/f/logo.png" height=40px />
    </div>
    <div class="col-sm-9">
        <nav class="navbar navbar-expand-md navbar-light p-0 float-right">
            <ul class="nav navbar-nav">
                <li class="nav-item">
                    <a class="nav-link active" href="#">Toplevel 1</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Toplevel 2</a>
                </li>
                <li class="nav-item dropdown ml-1">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
						<img class="avatar circle" src="https://seccdn.libravatar.org/avatar/de5bf8d06663adb3bb1b8d49ccab259828fad7dddeb233b073d0c447d79b4c14?s=24&amp;d=retro">
					</a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <div class="dropdown-header">
                            <strong>username</strong>
                        </div>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">My Profile</a>
                        <a class="dropdown-item" href="#">My Settings</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="/logout/?next=https://pagure.io/fedora-bootstrap/releases">Log Out</a>
                    </div>
                </li>
            </ul>
        </nav>
    </div>
</div>
<div class="subheader pt-3">
    <div class="container">
        <h2>
            Subheader One
            <div class="float-right">
                <a href="#" class="btn btn-primary btn-sm" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Action 1</a>
                <a href="#" class="btn btn-secondary btn-sm">Action 2</a>
            </div>
        </h2>
        <p>
            A subtitle in the Subheader
        </p>
        <ul class="nav nav-tabs nav-small pt-1">
            <li class="nav-item">
                <a class="nav-link active" href="#">
			Tab One
		</a>
            </li>
            <li class="nav-item">
                <a class="nav-link text-sm-center" href="#">
			Tab Two
		</a>
            </li>
        </ul>
    </div>
</div>