как поставить боковую навигационную кнопку над боковой панелью - PullRequest
0 голосов
/ 29 октября 2018

не может понять, как разместить боковую навигационную кнопку открытия и закрытия и строку поиска над боковой навигацией, как в в этом примере Я использую Bootstrap 4 в качестве основы ссылка на мой исходный код https://github.com/B10NARY/sportsaholiclife ссылка на то, как мой код выглядит онлайн http://www.sportsaholiclife.tk/ сервер может работать медленно, как у меня дома

1 Ответ

0 голосов
/ 29 октября 2018

Если вы хотите сделать его липким и превысить весь ваш другой контент, вы можете просто добавить поля для всего элемента тела и установить переключатель в фиксированное положение:

body {
  margin-top: 3rem;
}

#menu-toggle {
   position: fixed;
  left: 0.5rem;
  top: 0.5rem;
}

Редактировать: Как отмечено в комментариях, фиксированная позиция - не лучший подход, так что другой способ будет просто добавить простую оболочку div поверх вашей компоновки и поместить в нее кнопку переключения, никаких дополнительных правил CSS не требуется.

<body>
    <div class="p-2">
        <a class="btn btn-link" role="button" href="#menu-toggle" 
id="menu-toggle"><i class="fa fa-bars"></i></a>
    </div>
    <div id="wrapper">
        <div id="sidebar-wrapper">
           ...

Рабочий пример

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...