Hej.
Mam problem z umiejscowieniem sidebaru w danej klasie.
Wycinek z indexu:
i kod do sidebaru:
Chodzi o to by sidebar znajdował się w klasie container i przylegał do jego krawędzi, obecnie to wygląda tak:
Proszę o pomoc,
Pozdrawiam!
Mam problem z umiejscowieniem sidebaru w danej klasie.
Wycinek z indexu:
<div class="container">
<div id="wrapper">
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand"></li>
<div class="panel panel-default">
<div class="panel-heading">Panel heading</div>
<div class="panel-body">
Panel content
</div>
</div>
</ul>
</div>
</div>
</div>
i kod do sidebaru:
#wrapper {
/* padding-left: 250px;*/
transition: all 0.4s ease 0s;
}
#sidebar-wrapper {
margin-left: -250px;
left: 250px;
width: 250px;
position: fixed;
height: 100%;
overflow-y: auto;
z-index: 1000;
transition: all 0.4s ease 0s;
}
#page-content-wrapper {
width: 100%;
}
.sidebar-nav {
position: absolute;
top: 60px;
width: 250px;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width:767px) {
#wrapper {
padding-left: 0;
}
#sidebar-wrapper {
left: 0;
}
#wrapper.active {
position: relative;
left: 250px;
}
#wrapper.active #sidebar-wrapper {
left: 250px;
width: 250px;
transition: all 0.4s ease 0s;
}
}
Chodzi o to by sidebar znajdował się w klasie container i przylegał do jego krawędzi, obecnie to wygląda tak:
Proszę o pomoc,
Pozdrawiam!