Итак, я искал и искал руководство в этом безрезультатно.
В принципе, я просто хочу иметь боковую панель, но когда экран становится маленьким, а также размером экрана смартфона, он превращается в навигационную панель.
Мой код HTML для боковой панели таков:
<nav class="col-sm-3 ">
<div class="col-sm-12" id="fixed-sidebar">
<!-- <a href="index.html"><img id="home-logo" src="../media/logo-prueba.jpg" alt="Logo de Animanoir"></a> -->
<ul>
<li class="fuente-fjalla ul-personalizada">Animación</li>
<li class="fuente-fjalla ul-personalizada">Ilustración</li>
<li class="fuente-fjalla ul-personalizada">Interacción</li>
<br>
<li class="fuente-fjalla ul-personalizada">Blog</li>
<br>
<li class="fuente-fjalla ul-personalizada"><a href="acerca.html">Acerca</a></li>
<li class="fuente-fjalla ul-personalizada">Contacto</li>
</ul>
</div>
</nav>
Мой CSS:
#fixed-sidebar {
position: fixed;
max-width: 20%;
color: white;
}
Я понятия не имею, как это сделать в navbar. Все, что я знаю, это то, как заставить навигатор начать, но я этого не хочу! Я не хочу, чтобы какой-либо из этих причудливых анимированных оверлей-многоцветных аккордеон - все, что угодно, пожалуйста -
Спасибо:)