100％的自举集装箱宽度

http://avocat2.dac-proiect.ro/?page_id=17

菜单是不是对了......如果你去的头版上有显示为它应该。

这是我的代码：

<header id="masthead" class="navbar navbar-default" role="banner" style=" 
    background: transparent; 
"> 

<div class="container-fluid"> 


<?php if (is_home() || is_front_page()) { ?> <!-- PLACE THIS LINE ABOVE YOUR HEADER --> 

    <div class="row"> 
    <div class="col-sm-12 col-md-12 col-lg-12" style="font-size:17px;"> 
     <img src="wp-content/themes/WordPressBootstrap-master/images/DESPRE-NOI.png" class="img-responsive center-block"> 
    </div> 

    </div> 
    <div class="row"> 
    <div class="col-sm-12 col-md-12 col-lg-12" style="background-color:lavender;font-size:17px;display:none;"> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
     <p> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 
    </div> 

    </div> 
</div> 

<?php } ?> <!-- PLACE THIS CODE AFTER THE HEADER --> 
    <div class="container" style=" 
    background: white; 
    width: 100%; 
    padding-top: 30px; 
    margin-top: 0px; 
"> 
     <nav class="" role="navigation"> 
<!--   <div class="container-fluid">--> 
       <!-- Brand and toggle get grouped for better mobile display --> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse-1"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 




      </div> 

      <!-- Collect the nav links, forms, and other content for toggling --> 
      <div class="collapse navbar-collapse" id="bs-navbar-collapse-1"> 

       <!--   <form class="navbar-form navbar-left" role="search">--> 
       <!--    <div class="form-group">--> 
       <!--     <input type="text" class="form-control" placeholder="Search">--> 
       <!--    </div>--> 
       <!--    <button type="submit" class="btn btn-default">Submit</button>--> 
       <!--   </form>--> 

       <a class="screen-reader-text skip-link" href="#content"><?php _e('Skip to content', 'zdwpbs'); ?></a> 
       <?php 
       wp_nav_menu(array('theme_location' => 'primary' , 
            'menu_class' => 'nav-menu')); 
       ?> 
      </div><!-- /.navbar-collapse --> 
<!--   </div>--> 
    <!-- /.container-fluid --> 
     </nav> 
    </div><!-- .container --> 
</header>

我不明白为什么它不是直到最后......你能帮助我，请解决这个问题？

在此先感谢！

来源

2015-04-04 Sz. Erika

你有什么问题？更加详细一些。 – 2015-04-04 17:43:41

我的首页上的菜单结束了，剩下的页面没有结束 – 2015-04-04 17:44:47

那是因为您已将菜单放置在.container-fluid div（在除家以外的页面）的左侧和右侧填充了15px。在主页菜单中是在容器流体div之外。这就是为什么它是100％。

您可以移动菜单.container-fluid股利外，也可以添加padding:0px;到.container-fluid DIV

<div class="container-fluid no-padding"> 
//contents 
</div> 

.no-padding{padding:0px;}

来源

2015-04-04 18:39:54 tkay

100％的自举集装箱宽度

回答

相关问题