No v podstate si mal pravdu, ale aj tak som si musel sam pomôct iným webom. Neveim preco to v .container nefungovalo, ale funguje to tak ked v ul zozname vytvorim class-u a v css jej nastavim max sirku a potom dám margin right/left: auto....vid kod.

<nav class="container">
	<ul class="list">
		<li> <a href="https://www.facebook.com/" class="fa fa-facebook"></a> </li>
		<li> <a href="https://twitter.com/" class="fa fa-twitter"></a> </li>
		<li> <a href="https://www.youtube.com/" class="fa fa-youtube"></a> </li>
		<li> <a href="https://www.snapchat.com/" class="fa fa-snapchat"></a> </li>
	</ul>
</nav>

.list {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

takze vdaka, vybavené