StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>just use this code:</p> <pre><code><script> $('.nav a').click(function () { $(".navbar-to-collapse").collapse("hide") }); </script> </code></pre> <p>you can change <strong>.nav a</strong> and <strong>.navbar-to-collapse</strong> with your desired variable or add to them more variable simply by using < <strong>,</strong> > between each variable .</p> <p>more explanation:</p> <ol> <li><p><strong>.nav a</strong> is the variable that you target by your click and in this example it's a <strong>link</strong> under a <strong>nav</strong> class, you can modify it to target a link using ID not class </p> <pre><code>$('#nav a') </code></pre></li> <li><p><strong>.navbar-to-collapse</strong> is the value for <strong>data-target=</strong> <em>".navbar-to-collapse"</em> and you can modify it to the data-target you use.</p></li> </ol> <p>so a complete example (for illustrating ) should be like that:</p> <pre><code><header> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-to-collapse"> <span class="sr-only">Toggle navigation</span> <i class="icon-menu"></i> </button> </div> <div class="collapse navbar-collapse navbar-to-collapse"> <ul class="nav"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> </ul> </div> </div> </nav> </code></pre> <p></p> <p>and use the script :</p> <pre><code><script> $('.nav a').click(function () { $(".navbar-to-collapse").collapse("hide") }); </script> </code></pre> <p>hope it will help you</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload