Floating Responsive Sidebar - Copy this Html, Bootstrap Component to your project
Dame-un-sidebar-flotante-con-íconos-y-que-sea-responsive,-que-en-pantallas-grandes-sea-una-columna-vertical-y-que-sea-fija-al-scrollear-al-igual-que-el-header,-y-en-pantallas-pequeñas-una-fila-horizontal-debajo-del-header-y-que-se-sean-fijos-al-scrollear,-ademas-el-header-es-un-container-y-el-side-debe-estar-alineado-al-header,-es-decir,-donde-empieza-el-logo-del-header-deberá-empezar-el-sidebar,-mi-estructura-de-3-etiquetas-es-esta:-<div-class="base">-<header>-<nav-class="navbar-fixed-top"-style="background-color:-#eff1f3cc;">-<div-class="container">-<a-asp-controller="Home"-asp-action="Index"-class="navbar-brand">-<img-src="~/img/desk_core_logo.svg"-alt="Desk-Core"-width="55"-height="55">-</a>-<div>-<a-asp-controller="Administrador"-asp-action="Index"-type="button"-class="btn-btn-principal">-<i-class="bi-bi-house-door-fill"></i></a>-<a-asp-controller="Acceso"-asp-action="CerrarSesion"-type="button"-class="btn-btn-cancelar">-<i-class="bi-bi-box-arrow-right"></i>-</a>-</div>-</div>-</nav>-</header>-<div-class="container">-<main-role="main"-class="pb-3">-@RenderBody()-</main>-</div>-<footer-class="border-top-p-3">-<div-class="container-text-center">-<div-class="row-align-items-center">-<div-class="col"-style="text-align:-left;-font-weight:-bold;">©-2024-Desk-Core</div>-<div-class="col"-style="text-align:-right;-font-weight:-bold;">EC</div>-</div>-</div>-</footer>-</div>-body-{-font-family:-"Nunito-Sans",-sans-serif;-font-optical-sizing:-auto;-font-weight:-400;-font-style:-normal;-font-variation-settings:-"wdth"-100,-"YTLC"-500;-background-color:-#eff1f3;-}-header-{-height:-96px;-/*background-color:-#eff1f3;*/-}-footer-{-height:-57px;-}-.base-{-min-height:-100dvh;-display:-grid;-grid-template-rows:-auto-1fr-auto;-}
