Imposta la posizione fissa della colonna nel bootstrap

Usando Bootstrap, ho una colonna grid class = “col-lg-3” che voglio posizionarla in posizione: fissa mentre l’altra .col-lg-9 è la posizione normale (scroll-able attraverso la pagina).

Fixed content
Normal scrollable content

Allo stesso modo come nella colonna di sinistra in LifeHacker.com Vedrai che la parte sinistra è fissa, ma scorrono attraverso la pagina.

Io uso bootstrap v3.1.1

 
fixed position
Normal data enter code here

Esempio: bootply.com/101100

iterando sulla risposta di Ihab, usando solo la position:fixed e bootstrap col-offset non è necessario essere specifici sulla larghezza.

 
Fixed content
Normal scrollable content

Seguendo la soluzione qui http://jsfiddle.net/dRbe4/ ,

 
Fixed content
Normal scrollable content

Ho modificato alcuni css per funzionare perfettamente:

 .fixed { position: fixed; width: 25%; } .scrollit { float: left; width: 71% } 

Grazie a @Lowkase per condividere la soluzione.

in Bootstrap 3 class="affix" funziona, ma in Bootstrap 4 no. Ho risolto questo problema in Bootstrap 4 con class="sticky-top" (usando position: fixed in CSS ha i suoi problemi)

il codice sarà qualcosa del genere:

 
Fixed content
Normal scrollable content

Usa questo, lavora per me e risolvi i problemi con il piccolo schermo.

 
fixed position
NO fixed position
Normal data enter code here

Basta fare questo:

 
Fixed content
//
Normal scrollable content