0
299
Views¿Cómo mantener fijo el diseño de la barra lateral, no desplazable con bootstrap?
Estoy tratando de hacer un panel de administración simple. Agregué una barra lateral como diseño. Quiero mantenerlo arreglado. Pero cuando me desplazo hacia abajo en la página, mi barra lateral también se desplaza hacia abajo. Así es como se ve al principio de la página:
Y cuando me desplazo hacia abajo en la página:
Quiero mantenerlo como en la imagen 1, incluso la página se desplaza hacia abajo. El comienzo de la barra lateral es así:
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar" style="max-height:100%"> Editar: probé .navbar-nav { position: fixed; left: 0; top: 0; bottom: 0, width: 150px; } y el resultado es: 
·
Juan Pablo Isaza
1 answers
Answer question0
Prueba de esta manera
<div class="container-fluid"> <div class="row"> <div class="col-md-3 px-1 bg-dark position-fixed"> ... </div> <div class="col-md-offset-3 col-md-9 col-sm-12"> <h1>Main Area</h1> ... </div> </div> </div>
·
Juan Pablo Isaza
Report
Answer question