Mi piacerebbe realizzare menu select come si vedono gli esempi nella pagina seguente
https://silviomoreto.github.io/boots...lect/examples/
Ho scaricato i file necessari come previsto ma non ottengo lo stesso risultato. Qualcuno mi sa dare un consiglio?
Buongiorno rel_style
per realizzare ciò che chiedi ci sono più sistemi intanto te ne illustro un altro poi se vuoi specificatamente quello richiesto dovrai gentilmente postare il codice della tua pagina per trovare un eventuale errore!
Allora prima di tutto andranno istituiti due menù (nel caso tu abbia un sito responsive ovviamente); la prima parte imposta il menù per smartphone e tablet, la seconda parte imposta anche la parte desktop.
Cominciamo con la prima:
<div class="navbar-header>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
E in seguito la seconda:
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="menu-item dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Manuale utente<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-item dropdown dropdown-submenu">
<a onclick="scroll_to('#qrcoupon');return false;" href="#">Qr Coupon</a>
</li>
<li class="menu-item dropdown dropdown-submenu">
<a onclick="scroll_to('#muro');return false;" href="#">Muro dei fan</a>
</li>
</ul>
</div>
</div>
</nav>
Aspetto tue notizie
Fidelitymyapp
www.fidelitymyapp.it - La tua app a soli € 29,90 al Mese
Grazie per la risposta,
il tuo codice è carino funziona perfettamente. Ecco il risultato:
Select_Screenshot_2016-01-26-08-28-29-2.jpg
Ottimo per navigare tra schede differenti
Invece quello originale mi da un risultato di questo tipo:
Select_Screenshot_2016-01-26-08-35-01-1.png
Più indicato per scelte select nei form.
Per il momento opto per la seconda soluzione anche se mi trovo in una difficoltà, credo di conflitto, derivante dal fatto che, nella pagina web in questione, utilizzo diversi file css.
Precisamente 6 + 2(bootstrap.min.css e bootstrap-select.min.css). In uno di questi altri 6 file CSS è probabile che ci sia una assegnazione di classe del tipo:
body.editorial.locations-facilities form .form-item .selectboxit-wrapper{display:block;padding-top:5px;padding-top:.5rem;margin:0 10px 10px 0;margin:0 1rem 1rem 0;height:40px;height:4rem}
La proprietà display:block credo che impedisca l'apertura del menu per selezionare una opzione specifica. Dovrò fare delle verifiche con calma per vedere cosa devo modificare.
Perfetto sei già stato bravo a sistemare già il 90% del problema!
Penso anche che tu abbia centrato il bersaglio... esplora il codice e cerca di capire quale classe può fare conflitto con quella da te assegnata...
Buon lavoro
Rispondi quotando
