<nav class="navbar navbar-default navbar-fixed-top col-xs-12">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
When i shrink window, navbar comes horizontally covering the whole browser width. How to get ride of this?