Why is my Header Getting Covered by Nav Bar?

May 6, 2014 at 1:54 AM
Edited May 6, 2014 at 1:56 AM
my header is not visible when i change the size of the page. here is the code that im using in layout .cshtml


<!DOCTYPE html>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <html>
<head> <title>@ViewBag.Title</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="~/Content/Site.css" rel="stylesheet" type="text/css" /> <link href="~/Content/Gridmvc.css" rel="stylesheet" type="text/css" /> <link href="~/Content/gridmvc.datepicker.css" rel="stylesheet" /> <link href="~/Content/jquery.treeview.css" rel="stylesheet" type="text/css"> <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" /> <link href="~/Content/Site.css" rel="stylesheet" /> <link href="~/Content/SyntaxHighlighter/shCore.css" rel="stylesheet" /> <link href="~/Content/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" /> <!-- SCRIPTS --> <!--[if lt IE 9]>--> <script src="~/Scripts/jquery-1.9.1.js"></script> <script src="~/Scripts/jquery-1.9.1.min.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="~/Scripts/jquery-2.1.0.js"></script> <script src="~/Scripts/jquery-2.1.0.min.js" type="text/javascript"> </script> <!--<![endif]--> <script src="~/Scripts/bootstrap.min.js"></script> <script src="~/Scripts/jquery.treeview.js" type="text/javascript"></script> <script src="~/Scripts/jquery-popup.js"></script> <script src="~/Scripts/jquery-ui-1.10.4.min.js"></script> <script src="~/Scripts/jquery-ui-1.10.4.js"></script> <script src="~/Scripts/gridmvc.js" type="text/javascript"> </script> <script src="~/Scripts/gridmvc.lang.ru.js" type="text/javascript"> </script> @*<script src="~/JS/gridmvc.customwidgets.js"></script>*@ <script src="~/JS/EditorHookUp.js"></script> <!-- referencing datepicker control --> <script src="~/Scripts/bootstrap-datepicker.js"></script> <!-- Locale datepicker scripts ( get more on https://github.com/bukharin/bootstrap-datepicker/tree/master/js/locales )--> <script src="~/Scripts/bootstrap-datepicker.ru.js"></script> </head> <body>
<div class="navbar navbar-inverse navbar-fixed-top"  role="navigation">  

        <div class="container">
            <div class="col-lg-1">
                <img src="~/Content/images/logo-small.png" />
            </div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("File Transfer Admin", "Index", "Home", null, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse navbar-ex5-collapse collapse">

                <ul class="nav navbar-nav">


                    <li class="@(ViewBag.ActiveMenuTitle == "Home" ? "active" : string.Empty)">@Html.ActionLink("Home", "Index", "Home")</li>
                    <li class="@(ViewBag.ActiveMenuTitle == "UploadStatus" ? "active" : string.Empty)">@Html.ActionLink("UploadStatus", "UploadStatus", "Home")</li>
                    <li class="@(ViewBag.ActiveMenuTitle == "AppLogStatus" ? "active" : string.Empty)">@Html.ActionLink("AppLogStatus", "ApplicationLogStatus", "Home")</li>
                    <li class="@(ViewBag.ActiveMenuTitle == "ProjectEventLogs" ? "active" : string.Empty)">@Html.ActionLink("ProjectEventLogs", "ProjectEventLogs", "Home")</li>
                    <li class="@(ViewBag.ActiveMenuTitle == "ReconEventLogs" ? "active" : string.Empty)">@Html.ActionLink("ReconEventLogs", "ReconEventLogs", "Home")</li>
                    <li class="@(ViewBag.ActiveMenuTitle == "MonoReconStatus" ? "active" : string.Empty)">@Html.ActionLink("MonoReconStatus", "MonoReconstitutionStatus", "Home")</li>
                    <li class="@(ViewBag.ActiveMenuTitle == "DDUP ReconStatus" ? "active" : string.Empty)">@Html.ActionLink("DDUP ReconStatus", "DDUPReconstitutionStatus", "Home")</li>
                    <li class="@(ViewBag.ActiveMenuTitle == "ManifestViewer" ? "active" : string.Empty)">@Html.ActionLink("ManifestViewer", "ManifestViewer", "ManifestViewer")</li>
                </ul>
            </div>
        </div>
</div>
<div id="main" class="container body-content">
    @RenderBody()
</div>
</body>
</html>
Coordinator
May 10, 2014 at 8:18 AM
HI,

This is problem is out of grid.mvc. Try to address this question to bootstrap team (developer of nav-bar)