title: 100% bootstrap Container width
body: <p>I have a problem with my website:</p>
  
  <p><a href="http://avocat2.dac-proiect.ro/?page_id=17" rel="nofollow">http://avocat2.dac-proiect.ro/?page_id=17</a></p>
  
  <p>The menu is not by the way ... if you go on the front page there is shown as it should.</p>
  
  <p>This is my code:</p>
  
  <pre><code>    &lt;header id="masthead" class="navbar navbar-default" role="banner" style="
      background: transparent;
  "&gt;
  
  &lt;div class="container-fluid"&gt;
  
  
  &lt;?php if (is_home() || is_front_page()) { ?&gt; &lt;!-- PLACE THIS LINE ABOVE YOUR HEADER --&gt;
  
    &lt;div class="row"&gt;
      &lt;div class="col-sm-12 col-md-12 col-lg-12" style="font-size:17px;"&gt;
        &lt;img src="wp-content/themes/WordPressBootstrap-master/images/DESPRE-NOI.png" class="img-responsive center-block"&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-12 col-md-12 col-lg-12" style="background-color:lavender;font-size:17px;display:none;"&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;
        &lt;p&gt; Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;?php } ?&gt; &lt;!-- PLACE THIS CODE AFTER THE HEADER --&gt;
      &lt;div class="container" style="
      background: white;
      width: 100%;
      padding-top: 30px;
      margin-top: 0px;
  "&gt;
          &lt;nav class="" role="navigation"&gt;
  &lt;!--            &lt;div class="container-fluid"&gt;--&gt;
                  &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse-1"&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;
  
              &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
              &lt;div class="collapse navbar-collapse" id="bs-navbar-collapse-1"&gt;
  
                  &lt;!--            &lt;form class="navbar-form navbar-left" role="search"&gt;--&gt;
                  &lt;!--                &lt;div class="form-group"&gt;--&gt;
                  &lt;!--                    &lt;input type="text" class="form-control" placeholder="Search"&gt;--&gt;
                  &lt;!--                &lt;/div&gt;--&gt;
                  &lt;!--                &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;--&gt;
                  &lt;!--            &lt;/form&gt;--&gt;
  
                  &lt;a class="screen-reader-text skip-link" href="#content"&gt;&lt;?php _e( 'Skip to content', 'zdwpbs' ); ?&gt;&lt;/a&gt;
                  &lt;?php
                  wp_nav_menu( array( 'theme_location' =&gt; 'primary' ,
                                      'menu_class' =&gt; 'nav-menu') );
                  ?&gt;
              &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
  &lt;!--            &lt;/div&gt;--&gt;
      &lt;!-- /.container-fluid --&gt;
          &lt;/nav&gt;
      &lt;/div&gt;&lt;!-- .container --&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>I do not understand why it is not until the end ... can you help me please to solve this problem?</p>
  
  <p>Thanks in advance!</p>