title: Bootstrap v4 multiple navbar-toggleable targeted by single navbar-toggler
body: <p>I have one .navbar-toggler that I wish to target multiple toggleable navbars with.</p>
  
  <p>I found <a href="https://stackoverflow.com/questions/24850958/consolidate-multiple-bootstrap-3-navbar-menus-on-collapse">this</a> questions that is exactly the same but for Bootstrap 3. The solution there was simply to use the data-target attribute of the toggler with a class, and giving that class to all the navbar to be toggled.</p>
  
  <p>This solution does not work for me. Even after putting a class selector as data-target, only the first found element is affected.</p>
  
  <p>Is this a change from v3 to v4? Or is there something I'm not doing right?</p>
  
  <p>This is my button:</p>
  
  <pre><code>&lt;button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target=".exCollapsingNavbar" aria-controls="exCollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation"&gt;&amp;#9776;&lt;/button&gt;
  </code></pre>
  
  <p>And both menus have the exact same classes, namely:</p>
  
  <pre><code>'collapse navbar-toggleable-md exCollapsingNavbar'
  </code></pre>