Jquery 如何修复我的index.html+；bootstrap4

-每当我重新加载页面时，默认的引导导航栏样式就会出现 在我的替代样式应用之前 请帮忙

不客气 在这里使用bootstrap 4我的index.html文件和custum CSS文件*

头

导航

☰








联系我

引导需要jquery tether.js和boostrap.min.js

    *Whenever I reload the page the default bootstrap navbar style appears 
 before my overridden styles apply 
 Please any help 

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://use.fontawesome.com/75528e6985.js"></script>
<link rel="stylesheet" href="css/css/bootstrap.min.css">
<link href="css/style.css" rel="stylesheet">

.selector-for-some-widget {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    body {
        background: #e9ebee;
    }

    .logo {
        background-color: rgba(18, 101, 204, 0.82);
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 7px;
        padding-right: 7px;
        font-size: 29px;
        font-weight: bold;
        border-radius: 11px;
    }

    a .navbar-brand {
        color: #baccce!important;
    }

    .pull-right {
        margin-right: 150px;
    }

    .bookUs-btn {
        color: #5d85b7;
        margin: -56px 88% 29px;
        border-color: #5d85b7;
        font-weight: bold;
    }

    .bookUs-btn:hover {
        background-color: #5d85b7;
    }

    .navbar-nav {
        margin-right: 20%!important;
    }

    <nav class="navbar navbar-dark bg-light bg-faded" style="background: #172944;" role="navigation">
    <div class="container">
        <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
  &#9776;
</button>
        <div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
            <a class="navbar-brand" href="#">
    <span class="logo">K
    </span>
    OMRIHE
  </a>
            <ul class="nav navbar-nav pull-right">
                <li class="nav-item ">
                    <a class="nav-link" href="#">PORTFOLIO 
        <span class="sr-only">(current)
        </span>
      </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">BLOG
      </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">ABOUT ME
      </a>
                </li>
            </ul>
            <span class="">
    <button class=" btn btn-primary-outline bookUs-btn">
      <i class="fa fa-phone-square">
      </i> Contact Me
    </button>
  </span>
        </div>
    </div>
</nav>