Jak zawijac grupe buttonow bootstrap

Question

Hejo, 

	<!-- Navigation -->
		<nav>
			<div class="container">
				<div class="row">
				
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>
						<div class="col-md-1 col-sm-3 col-xs-6"><img src="images/1.png"></div>

				</div>
			</div>
		</nav>

 

 

 

Ten kod jest okej, bo wraz ze zmiana rozmiaru okna on się zawija przemieszcza itd tak jak ma być.
Lecz tu rodzi się pytanie bo nie moge znaleźć odpowiedzi, jak to masie do buttonów? W jaki sposób zrobić tak, żeby się zawijały wraz ze zmianą okna na różnych urządzeniach. Hmm? Kod jest taki:

	<nav>
			<div class="container">
				
				<div class="btn-group btn-group-justified" role="group" aria-label="...">
 <div class="btn-group" role="group">
 <button type="button" class="btn btn-default">left</button>
 </div>
<div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div><div class="btn-group" role="group">
 <button type="button" class="btn btn-default">right</button>
 </div>

				</div>
				

				</div>
		</nav>