引导下拉登录

我是新来的asp.net mvc，我试图创建一个使用引导主题的网站。我被困在两个地方 - 1）我无法渲染页面的视图，它隐藏在布局后面。 2）在VS-2013中，登录表单的下拉列表不适用于我，但相同的代码适用于在线编辑器。请查看我的代码。引导下拉登录

<nav class="navbar navbar-default navbar-fixed-top"> 


     <div class="container-fluid"> 
      <ul class="nav navbar-nav navbar-left"> 


       <li class="active"> 
        <a href="@Url.Action("index", "home")"> 
         <i class="fa fa-home"></i> Home 
        </a> 
       </li> 
       <li class=" active"> 
        <a href="@Url.Action("Index","About")"><i class="fa fa-book"></i> About</a> 
       </li> 
       <li class="active"><a href="#"><i class="fa fa-question-circle"> </i>Contact</a></li> 

        </ul> 



      <ul class="nav navbar-nav navbar-right" > 
       <li class="active"><a href="#"><i class="fa fa-log-in"></i> Login</a></li> 
       <li class="dropdown"> 

           <a data-toggle="dropdown" class="dropdown-toggle" href="#">Messages <b class="caret"></b></a> 

            <ul role="menu" class="dropdown-menu"> 


         <li><a href="#">Inbox</a></li> 


         <li><a href="#">Drafts</a></li> 


         <li><a href="#">Sent Items</a></li> 


         <li class="divider"></li> 


         <li><a href="#">Trash</a></li> 


        </ul> 


       </li> 


       @*<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="fa fa-user"></i> Sign Up</a></li>*@ 
      </ul> 






     </div> 
    </nav> 


<div class="container body-content"> 

    @RenderBody() 
    <hr/> 
</div> 




<div id="footer" class="container-fluid"> 

    <div class="navbar navbar-default navbar-fixed-bottom"> 

     <p class="text-capitalize">&copy; </p> 

    </div> 

</div> 










@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/bootstrap") 
@RenderSection("scripts", required: false)

来源

2016-07-05 lata tada

我认为主页视图的前几行隐藏在导航栏后面，如果它固定在顶部。在移除navbar-fixed-top时，我可以看到主页的标题。但我希望即使在滚动时也能看到导航栏，有人可以告诉我一种方法来做到这一点。谢谢。 –

如果您使用'.navbar-fixed-top'，则需要在内容之前添加一个边距（将其推到导航高度的下方）。另外，不需要将'.navbar'包装在'.container-fluid'中。 –

谢谢。我用填充顶部，它的工作。你能帮助我的下拉？代码似乎不起作用。我没有得到一个下拉列表 –

正如评论你原来的问题表明，你需要调整的.navbar.navbar-fixed-top的高度，使你的内容适当地出现。对于关系到你的下拉菜单无法正常工作的问题，我无法重现的是，看到一个Bootply小提琴：

http://www.bootply.com/GA3c5vtK3v

这有可能是你的ASP元素与任何一种你是小提琴例如干扰渲染（我已经评论过那些会干扰布局的地方）。另外，请注意，默认的下拉行为是在点击事件上，而不是在悬停上。

当您点击您的下拉元素时，它按预期工作。

来源

2016-07-05 16:16:01

所以它在bootply小提琴的权利？对不起，我不明白我的下拉列表出错的地方。我已经尝试了很多东西，而不是悬停，我添加了一个下拉按钮，似乎也不起作用。 –

而你在哪里评论过它？我只能看到我已经评论过的代码 –

......你打开了Bootply.com链接吗？有些项目像'@ *'和'* @'我已经添加了''以确保它们不被渲染，因为它们的渲染会在小提琴中导致你的导航栏。 –

引导下拉登录

回答

相关问题