如何使Bootstrap [v4.2.1]导航栏按钮响应浏览器的大小

Question

我正在制作一个Electron桌面应用程序，我想制作自定义退出按钮，将其用于引导导航栏中并缩小浏览器的一面后，导航栏中的按钮在设置了以下meta标签后就消失了头：

<meta name="viewport" content="width=device-width, initial-scale=1">

缩小浏览器大小时，按钮仍然消失。这是使用纯JS的Electron桌面应用程序。这就是我试图解决的所有问题。 （我什么也没尝试）

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="collapse navbar-collapse" id="navbarColor03">
        <ul class="navbar-nav mr-auto">
        </ul>
        <button type="button" class="bt btn btn-warning btn-sm circle">
            <span class="icon is-small">
                <i class="fas fa-window-restore"></i>
            </span>
        </button>
        <button id="exit" type="button" class="bt btn btn-danger btn-sm circle">
            <span class="icon is-small">
                <i class="fas fa-times"></i>
            </span>
        </button>
    </div>
</nav>

CSS：

.btn {
  float: left;
  max-width: 100%;
}

在HTML文件顶部添加了我提到的（此问题的开始）行之后，一切都没有改变，我真的不知道该怎么做才能使按钮在某种程度上不会消失的浏览器大小。