bootstrap drop down login

Question

Я новичок в 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) 

Answer 1

Как указано в комментариях к первоначальному вопросу, вам нужно настроить на высоте .navbar.navbar-fixed-top так, что ваше содержание надлежащим образом. Что касается вопросов, связанных с вашим выпадающий не функционирует должным образом, я не в состоянии воспроизвести, что увидеть Bootply скрипку:

http://www.bootply.com/GA3c5vtK3v

Вполне возможно, что ваши ASP элементы мешающие с любым видом скрипки, например, вы находитесь рендеринг (я прокомментировал это, где они будут мешать макету). Кроме того, обратите внимание, что поведение выпадающего списка по умолчанию - это событие клика, а не зависание.

Когда вы нажимаете на свой выпадающий элемент, он функционирует должным образом.