Как сделать так, чтобы кнопки навигационной панели Bootstrap [v4.2.1] отвечали размеру браузера - PullRequest
0 голосов
/ 29 декабря 2018

Я создаю настольное приложение Electron и хочу создать настраиваемую кнопку «Выход», после использования ее в начальной загрузке панели навигации и уменьшения стороны браузера кнопки на панели навигации исчезли после установки следующего метатега вhead:

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

Кнопки по-прежнему исчезают при уменьшении размера браузера.Это для настольного приложения Electron с чистым JS.И это все, что я пытался это исправить.(Я ничего больше не пробовал)

<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-файла,ничего не изменилось, я не знаю, что делать, чтобы кнопки не исчезали на каком-то уровне размера браузера.

...