<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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="top bg-dark text-light py-3"> <div class="container-nav topheader"> <div class="d-flex justify-content-between"> <div class="left"> <a class="text-light logo lead" terget="_blank" href="https://www.totoprayogo.com">Logo</a> </div> <div class="kanan"> Right </div> </div> </div> </div> <p>W3Schools.com</a></p>

.nav-link.text-dark:hover { color: #999 !important; } .custom-badge { position: relative; top: -7px; right: -13px; font-size: .7em; } .container-nav { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (max-width: 767.98px) { .container-nav { max-width: 100%; padding-right: 0; padding-left: 0; } .topheader { padding-right: 15px; padding-left: 15px; } }