всегда виден гамбургер и спрятать некоторые элементы навигации в гамбургере, а некоторые должны рядом с ним

Question

Компоненты navbar, включая некоторые ссылки или элементы, один гамбургер, одну вертикальную линию, два или три глифика.

из этих компонентов только некоторые элементы будут скрыты в гамбургере, и элементы будут отображаться сразу после нажатия кнопки.hamburger.

И все они свернутся в одну кнопку при изменении размера до sm.

Пожалуйста, помогите мне

    <div class="container">
        <a class="navbar-brand" href="#"><img src="img/Prothom-alo-logo.png" alt="logo" style="width:40px;"></a>
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item active">
                <a href="#">বাংলাদেশ</a>
            </li>
            <li class="nav-item">
                <a href="#">আন্তর্জাতিক</a>

            <li class="nav-item">
                <a href="#">অর্থনীতি</a>
            </li>
            <li class="nav-item">
                <a href="#">মতামত</a>
            </li>
            <li class="nav-item">
                <a href="#">খেলা</a>
            </li>
            <li class="nav-item">
                <a href="#">বিনোদন</a>
            </li>
            <li class="nav-item">
                <a href="#">ছবি</a>
            </li>
            <li class="nav-item">
                <a href="#">ইপেপার</a>
            </li>
            <li class="nav-item">
                <a href="#">উত্তর আমেরিকা</a>
            </li>
        </ul>
        </div>
        <div>
            <button class="btn" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                        <span class="navbar-toggler-icon"></span>
                        <a href="#">সব</a>
            </button>
        </div>
        <li class="nav-item">
                <a href="#">ছবি</a>
            </li>
            <li class="nav-item">
                <a href="#">ইপেপার</a>
            </li>
            <li class="nav-item">
                <a href="#">উত্তর আমেরিকা</a>
            </li>
            <li class="nav-item">
                <a href="#">ছবি</a>
            </li>
            <li class="nav-item">
                <a href="#">ইপেপার</a>
            </li>
            <li class="nav-item">
                <a href="#">উত্তর আমেরিকা</a>
            </li>
        <div class="vl"></div>
        <a class ="english" href="#">English</a>
        <span class="glyphicon glyphicon-user"></span>
        <span class="glyphicon glyphicon-search"></span> 
        <span class="glyphicon glyphicon-thumbs-up"></span>
        </div>
    </nav>

ссылки, которые пишутся после кнопки, будут скрытыв этой кнопке.