Floating Responsive Sidebar - Copy this Html, Bootstrap Component to your project

Crea un sidebar flotante responsive con íconos, que estará ubicado entre el header y el footer. Su comportamiento será que en pantallas de escritorio sea una contenedor vertical y en pantallas pequeñas sea un contenedor horizontal debajo del header, el header y el sidebar serán fijos al scrollear. El header es un container, es decir, el sidebar y el header deben estar alineados, es decir, donde empieza el logo del header deberá empezar el sidebar.