Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Bootstrap selectpicker

  1. #1

    Bootstrap selectpicker

    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?

  2. #2
    Utente di HTML.it L'avatar di Fidelitymyapp
    Registrato dal
    Jan 2016
    residenza
    Milano
    Messaggi
    20
    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

  3. #3
    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.

  4. #4
    Utente di HTML.it L'avatar di Fidelitymyapp
    Registrato dal
    Jan 2016
    residenza
    Milano
    Messaggi
    20
    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
    Fidelity My App
    www.fidelitymyapp.it - La tua app a soli € 29,90 al mese - PROVALA GRATIS

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.