如何防止导航栏变成下拉菜单？

Question

I created a new project, and chose the MVC model, and most pleasingly, I was greeted by this auto-generated site by Microsoft

I made a simple change in the code, trying to render an html header (a simple greeting), including the text value from a custom-made object, like so:

Making the property in the HomeController

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult About()
    {
        ViewBag.Message = "Your application description page.";
        ViewBag.NewProperty = "This is my first app!";
        return View();
    }

    public ActionResult Contact()
    {
        ViewBag.Message = "Your contact page.";
        return View();
    }
}

Accessing the same property from my View

@{
    ViewBag.Title = "About";
}
<h2>@ViewBag.Title.</h2>
<h3>@ViewBag.Message</h3>
<h1>@ViewBag.NewProperty</h1>

<p>Use this area to provide additional information.</p>

But as you can probably imagine, I was instead bewildered by what was then presented before me as I re-launched my web application

I had of course been expecting to see my previous view, but with my new H1 property added unto the page. Instead I was baffled at how I managed to be so clumsy, as to fail such a simple task.

Therefore, I sincerely plead, that the professional community here on Stackoverflow can help shed some light on what is going wrong.

I haven't changed the code in any shape or form besides what I have now shared with you.

Answer 1

It's a BootStrap problem. Go to your Nuget manager and uninstall your bootstrap, then reinstall BootStrap version 3.3.7. That should do the trick.