Como criar um menu de barra lateral esquerda pegajosa usando o bootstrap 3?

Quero criar um menu de barras à esquerda com bootstrap 3 como:

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

I'd ler a documentação fornecida http://getbootstrap.com/javascript/#affix

Tento com `.afixar' mas o resultado é zero.

**Actualização***: @Skelly, Obrigado pelo vosso amável exemplo. e sim, eu quero gostar do vosso exemplo. I'd descarregar o seu exemplo html, mas depois de descarregar o ficheiro html's side bar didn't work there.

Zim
Pergunta editada :em
Programação
sidebar twitter-bootstrap-3 twitter-bootstrap sticky
30º outubro 2013 в 12:11
9 vistas

**Bootstrap 3***

Aqui está um exemplo de um trabalho na barra lateral esquerda:

http://bootply.com/90936 (semelhante aos documentos do Bootstrap)

O truque é utilizar o componente affix juntamente com algum CSS para o posicionar:

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

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

EDIT- Outro exemplo com rodapé e fundo de afixação

**Bootstrap 4***

O componente Afixo foi removido no Bootstrap 4, pelo que para criar uma barra lateral pegajosa, pode usar um 3º plugin de Afixo como este Bootstrap 4 sticky sidebar exemplo, ou usar o sticky-top classe é explicado nesta resposta.

Relacionado: https://stackoverflow.com/questions/48996084/create-a-responsive-navbar-sidebar-drawer-in-bootstrap-4

Zim
Resposta editada :em
Comentários (3)

Também pode tentar usar um Polyfill como Fixed-Sticky. Especialmente quando se utiliza Bootstrap4, o componente affix é já não está incluído:

Deixou cair o plugin Affix jQuery. Recomendamos a utilização de uma posição: pegajosa em vez disso, polyfill.

Comentários (1)

Usei este modo no meu código

$(function(){
    $('.block').affix();
})
Comentários (4)