Блог

Я пытался реализовать меню панели слева, как показано здесь, используя стандартный Bootstrap 3, однако мне удалось убрать с экрана только остальные столбцы.

посмотрите на пример, подобный этому: когда меню свернуто:

Когда он расширяется, это то, что происходит:

пример начальной загрузки находится здесь

Есть ли способ предотвратить перемещение экрана из вида?

С уважением Киран

 @media screen and (max-width: 768px)
.row-offcanvas {
position: relative;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
  

Измените приведенное выше position:relative на position:absolute

Это предотвратит выпадение основного содержимого из поля зрения на левой панели, вместо этого основное содержимое будет уменьшаться. Тем не менее, вам нужно будет настроить некоторый стиль для вашей расширенной левой панели, как вы увидите (хотя и не слишком много).

Редактировать: строка 297