<nav class="navbar navbar-toggleable-md fixed-top navbar-light faded" id="navbar">
			<button class="navbar-toggler navbar-toggler-right" type="button" aria-controls="navbarText" aria-expanded="false" id="navbarBtn">
				<i class="navbar-toggler__icon">remove</i>
				<i class="navbar-toggler__icon">remove</i>
				<i class="navbar-toggler__icon">remove</i>
			</button>
			<a href="/" class="navbar-brand logo">
			<svg width="150" height="50" version="1.1" viewBox="0 0 297 100" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xlink="http://www.w3.org/1999/xlink">
				<g transform="translate(0,-197)" fill="#ffffff" font-family="sans-serif" letter-spacing="0px" word-spacing="0px">
				<text transform="scale(1.0132 .98702)" x="-0.72601187" y="262.25784" font-size="36.442px" stroke-width=".91104" style="line-height:1.25" xml:space="preserve"><tspan x="-0.72601187" y="262.25784" fill="#ffffff" font-family="'Open Sans'" font-size="77.742px" font-weight="300" stroke-width=".91104">Zof-<tspan fill="#000000" font-family="'Open Sans'" font-weight="bold" stroke-width=".91104"><tspan fill="#ffffff">Mar</tspan></text>
				<text transform="scale(1.1311 .88409)" x="-2.0945158" y="324.66708" font-size="34.679px" stroke-width=".86697" style="line-height:1.25" xml:space="preserve"><tspan x="-2.0945158" y="324.66708" font-family="'Open Sans'" font-weight="300" stroke-width=".86697">Meble na wymiar</tspan></text>
				<text x="93.957634" y="383.40894" font-size="10.583px" stroke-width=".26458" style="line-height:1.25" xml:space="preserve"><tspan x="93.957634" y="392.77271" stroke-width=".26458"/></text>
				</g>
			</svg>
			</a>
	<div class="navbar-toggle__left navbar-collapse justify-content-end" id="navbarContnt">
		<ul class="navbar-nav my-2">
			<li class="nav-item">
				<a class="nav-link" href="/meble-kuchenne">Meble kuchenne</a>
			</li>
			<li class="nav-item dropdown">
	      	  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	        	  Szafy
	        	</a>
		        <form class="dropdown-menu" aria-labelledby="navbarDropdown" id="dropdownMenu1">
		          <a class="dropdown-item" href="/szafy.html">Szafy na wymiar</a>
		          <a class="dropdown-item" href="/szafy-przesuwne.html">Szafy przesuwne</a>
		          <a class="dropdown-item" href="/szafy-wnekowe.html">Szafy wnękowe</a>
		          <a class="dropdown-item" href="/garderoby.html">Garderoby</a>
				</form>
	     	</li>
			<li class="nav-item">
				<a class="nav-link" href="#about">O nas</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="#realizacje">Realizacje</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="/blog">Blog</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" href="#contact">Kontakt</a>
			</li>
		</ul>
	</div>
	<div class="navbar-toggle__overlay" id="navbarOverlay"></div>
</nav>

I have this nav bootstrap, but when i want click dropdown "shady" on mobile it closes, how can i prevent it?