How to make menu, navbar nav-pills nav-stacked collapse Twitter-bootstrap 3.0

How to make menu, navbar nav-pills nav-stacked collapse Twitter-bootstrap 3.0

I have this code, I want to make this menu collapse for mobile-devices
<nav class="navigation">
<ul class="nav nav-pills nav-stacked" id="nav-menu">
<li class="active" ><a href="index.php">Domov</a></li>
<li><a href="#">Koncerty</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Kontakty</a></li>
<li><a href="#">Troll</a></li>
</ul>
</nav>
check site here http://share.hardsun.eu/konflikt/
And I want to do this http://www.2i.sk/ff6a6b4192 Click to full resolution
image