Come abilitare manualmente il menu di risposta bootstrap per dispositivi di piccole dimensioni - javascript, jquery, twitter-bootstrap, twitter-bootstrap-3

Mi piace cambiare il nome ID predefinito da id="navbar" a id="main-navbar"

From: <div id="navbar" class="navbar-collapse collapse">
To:   <div id="main-navbar" class="navbar-collapse collapse">

Se cambio, le voci di menu / nav principale non si espandono / si comprimono quando si effettua il check-in di un dispositivo piccolo. Come posso abilitare manualmente questa funzione?

Ecco il modello di bootstrap che sto usando: https://getbootstrap.com/examples/navbar/

risposte:

C'è questo pulsante nel codice: <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

Quindi tu cambi data-target="#navbar" a data-target="#main-navbar"