RenderBody() overlaps with _Layout.cshtml when using jumbotron
<p>I'm new to ASP.Net, I tried to create a simple login page. Layout page has a jumbotron. But my login controls are overlapped with the jumbotron. </p>

<p>Appreciate your help</p>

<p><strong>_Layout.cshtml - file</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="utf-8" /&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
        &lt;title&gt;@ViewBag.Title - Title&lt;/title&gt;
        &lt;link href="~/Content/Site.css" rel="stylesheet" /&gt;
        &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" /&gt;
        &lt;link href="~/Content/bootstrap.css" rel="stylesheet" /&gt;  
        &lt;link href="~/css/Main.scss" rel="stylesheet" type="text/css"/&gt;  
        &lt;script src="~/Scripts/modernizr-2.6.2.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div class="navbar navbar-fixed-top"&gt;
            &lt;div class="container-fluid"&gt;
               &lt;div class="jumbotron"&gt;
                  &lt;h2&gt;Welcome to Application&lt;/h2&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div id ="main" class="col-lg-8"&gt;
            @RenderBody()
        &lt;/div&gt;
   &lt;/body&gt; 
&lt;/html&gt;
</code></pre>

<p><strong>Login.cshtml - Login View</strong></p>

<pre><code>@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "Login";
}


@using (Html.BeginForm("Login", "Home", FormMethod.Post))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    if (@ViewBag.LoginErrorMsg != null)
    {
        &lt;div class="form-group has-error"&gt;
            @ViewBag.LoginErrorMsg
        &lt;/div&gt;
    }

    &lt;div class="container body-content"&gt;
        &lt;div class="container-fluid"&gt;
            &lt;div class="col-md-4"&gt;&lt;/div&gt;

            &lt;div class="col-md-4"&gt;
                &lt;div class="form-group"&gt;
                    @Html.LabelFor(a =&gt; a.email, new { @class = "control-label" })
                    @Html.TextBoxFor(a =&gt; a.email, new { @class = "form-control" })
                    @Html.ValidationMessageFor(a =&gt; a.email)
                &lt;/div&gt;
                &lt;div class="form-group"&gt;
                    @Html.LabelFor(a =&gt; a.Password, new { @class = "control-label" })
                    @Html.TextBoxFor(a =&gt; a.Password, new { @class = "form-control" })
                    @Html.ValidationMessageFor(a =&gt; a.Password)
                &lt;/div&gt;
                &lt;button type="submit" class="btn btn-default"&gt;Login&lt;/button&gt;
            &lt;/div&gt;

            &lt;div class="col-md-4"&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
}
</code></pre>

<p>This is the result I get <a href="http://i.stack.imgur.com/EBTvI.png" rel="nofollow">screenshot</a></p>