Div don't cover whole width of page
<p><a href="http://i.stack.imgur.com/QxfDV.jpg" rel="nofollow">Div Above navigation don't cover whole width of page. And how to determine height?</a></p>

<pre><code>&lt;nav class="navbar navbar-default  navbar-fixed-top"&gt;
&lt;div class="container-fluid"&gt;
&lt;!-- Brand and toggle get grouped for better mobile display --&gt;
&lt;div class='col-md-12-fluid' style="
        padding-bottom: 2px;
        background-color:#FF5722;
        padding-top: 2px;
        "&gt;
  &lt;div class='col-md-8-fluid'&gt; 
    &lt;!--recently search was here--&gt; 
    &lt;a class="navbar-brand" href="index.html"&gt;&lt;img src="images/1.jpg" height="60px" &gt;&lt;/a&gt; &lt;/div&gt;
  &lt;br&gt;
  &lt;div class='col-md-4-fluid'&gt;
    &lt;h3&gt;Nepal Safety&lt;/h3&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class='clearfix'&gt; &lt;/div&gt;
&lt;div class="navbar-header"&gt;
  &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt; &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>Thank you in advance.Your help will be appreciated.</p>