Как создать липкий левом меню с помощью Bootstrap 3?

Я хочу создать левую-липкое меню с помощью Bootstrap 3, как:

http://getbootstrap.com/getting-started/

Я'd не дали прочитать http://getbootstrap.com/javascript/#affix документация

Я стараюсь с `.аффикс-но результат нулевой.


Обновление: @Скелли, Спасибо за ваш добрый пример. и да, я хочу, как ваш пример. Я'd загрузите ваш пример HTML-код, но после загрузки HTML-файла's в боковой панели не't работа есть.

Комментарии к вопросу (3)

Бутстреп 3

Вот пример рабочей панели:

http://bootply.com/90936 (по аналогии с начальной загрузки, документация)

Хитрость заключается в использовании компонент аффикс наряду с некоторыми CSS, чтобы расположить его:

  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:228px;
  }

  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }

Редактировать- другой пример с футера и прикрепить снизу

<ч>

Прихлоп 4

Аффикс компонент был удален в Bootstrap 4, так, чтобы создать липкий боковой панели, вы можете использовать 3-й аффикс плагин такой предзагрузка 4 липкий боковой панели примера, или использовать `липкий-топ-класс это объясняется в этом ответ.

Связанные: https://stackoverflow.com/questions/48996084/create-a-responsive-navbar-sidebar-drawer-in-bootstrap-4

Комментарии (3)

Вы также можете попробовать использовать polyfill как исправлено липкий. Особенно когда вы используете Bootstrap4 в аффикс компонент не включен:

за аффикс плагин jQuery. Мы рекомендуем использовать позицию: липкий вместо полифилл.

Комментарии (1)

Я использовал этот способ в моем коде

$(function(){
    $('.block').affix();
})
Комментарии (4)