bootstrap_bolweb:componenti_principali:menu [Documentazione Applicativi]

Questa pagina è in sola lettura. Puoi visualizzare il sorgente, ma non puoi modificarlo. Contatta l'amministratore se pensi che ci sia un errore.
====== Menu ======
Il menu prevede delle voci testuali e come indicatore di visualizzazione attuale di pagina una sottolineatura della voce di menu. Nelle immagini sottostanti viene mostrato in versione desktop e mobile:

Versione DESKTOP

{{:bootstrap_bolweb:componenti_principali:menu_desktop.png?800|}}

Versione MOBILE

{{:bootstrap_bolweb:componenti_principali:menu_mobile.png?400|}}
====== Markup del menu desktop e mobile: ======
<code>
<div class="it-header-navbar-wrapper theme-light-desk filiGrigi">
            <div class="container-fluid">
              <div class="row">
                <div class="col-12">
                  <!--start nav-->
                  <nav class="navbar navbar-expand-lg has-megamenu">
                    <button class="custom-navbar-toggler" type="button" aria-controls="mobile-menu" aria-expanded="false" aria-label="Toggle navigation" data-target="#mobile-menu">
                      <svg class="icon">
                        <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-burger"></use>
                      </svg>
                      <svg class="icon d-none">
                        <use xlink:href="/procedimenti/new/static/svg/sprite.svg#it-close-big"></use>
                      </svg>
                    </button>
                    <div class="navbar-collapsable" id="mobile-menu">
                      <div class="overlay"></div>
                      <div class="close-div sr-only">
                        <button class="btn close-menu" type="button"><span class="it-close"></span>Chiudi</button>
                      </div>
                      <div class="menu-wrapper">
					     <ul class="navbar-nav">
						  	<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/home"><span>Home</span></a></li>
						  	<li class="nav-item active"><a class="nav-link active" href="/procedimenti/new/bandi/bandi"><span>Bandi</span></a></li>
						  	<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/comunicazioni"><span>Comunicazioni</span></a></li>
						  	<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/come-funziona"><span>Come funziona</span></a></li>
						  	<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/assistenza"><span>Assistenza</span></a></li>
						  	<li class="nav-item"><a class="nav-link" href="/procedimenti/new/bandi/la-mia-area"><span>La mia area</span></a></li>
					    </ul>
                      </div>
                    </div>
                  </nav>
                </div>
              </div>
            </div>
          </div>

</code>