Bootstrap 4 切换按钮在单击后立即启动？

在bootstrap中，我在小屏幕上添加了导航栏切换按钮。但当单击时，它会将位置变为右侧。我搜索了不同的视频或教程，但没有一个有用

Html:

       <nav class="navbar navbar-expand-md navbar-light">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="collapsibleNavbar">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link" href="#">Internet</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">TV</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Wireless</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link about" href="#">About Us</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">FAQ</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Blog</a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="button">
                                <button>GET A QUOTE</button>
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>

header div.other-info .navbar-toggler{
    padding:3px 6px;
    margin-left:155%;
}

---

你能提供一个完整的代码工作示例吗？我可以给出完整的代码