3
Мне нужно создать боковую панель точно так же, как в getbootstrap.com. Я выполнил инструкции, которые были на сайте, и создал боковую панель.Как исправить боковую панель, похожую на сайт начальной загрузки?
Но проблема в том, что она перекрывает содержание нижнего колонтитула. в то время как прокрутка боковой панели прикреплена, и только контент будет прокручиваться, когда он достигает нижнего колонтитула, аффикс не удаляется, и все же он перекрывается в секции нижнего колонтитула.
Может ли кто-нибудь помочь мне решить эту ошибку.
Я использую следующий код,
<body data-spy="scroll" data-target="#leftCol">
<div role="complementary" id="leftCol">
<ul class="nav nav-tabs nav-stacked affix-top" data-spy="affix" data-offset-top="125">
<li><a href="#feature1">Feature1</a></li>
<li><a href="#feature1">Feature1</a></li>
<li><a href="#feature1">Feature1</a></li>
<li><a href="#feature1">Feature1</a></li>
</ul>
</div>
</body>
Я использую следующие CSS,
/* Custom Styles */
ul.nav-tabs {
width: 275px;
margin-top: 30px;
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}
ul.nav-tabs li {
margin: 0;
border-top: 1px solid #ddd;
}
ul.nav-tabs li:first-child {
border-top: none;
}
ul.nav-tabs li a {
margin: 0;
padding: 8px 16px;
border-radius: 0;
}
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover {
color: #fff;
background: #0088cc;
border: 1px solid #0088cc;
}
ul.nav-tabs li:first-child a {
border-radius: 4px 4px 0 0;
}
ul.nav-tabs li:last-child a {
border-radius: 0 0 4px 4px;
}
ul.nav-tabs.affix {
top: 30px; /* Set the top position of pinned element */
}
я упомянул выше код из this ссылки.
Заранее благодарен!
не могли бы вы предоставить код для воспроизведения проблемы? –