表格型菜单栏html,html – Bootstrap导航栏在具有表格的页面上太短

我有一个使用Bootstrap的移动网络应用程序.桌面上的一切看起来都很好然而,当我在iPhone 4S上拉出某些页面时,导航栏比它应该更窄.这两个具有此行为的页面都有表格,因此可能与之有关.

截图：

我的共享_Layout Razor视图如下所示：

@using FCTech.Quotes.Helpers

@ViewBag.Title

@Styles.Render("~/Content/css")

@Styles.Render("~/Content/themes/base/css")

@Styles.Render("~/Content/bootstrap")

@Scripts.Render("~/bundles/modernizr")

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/jqueryui")

@RenderSection("Styles",false)

Toggle navigation

@Html.ActionLink("Home","Index",new { controller = "Home" },new { @class = "logo navbar-brand" })

• @Html.ActionLink("Home","Home")

@if (HttpContext.Current.User.Identity.IsAuthenticated)

{

@Html.ActionLink("Quotes",new {controller = "Quotes",salesPerson = AccountHelper.GetCurrentUserFullName()})@Html.ActionLink("Orders",new {controller = "Orders",salesPerson = AccountHelper.GetCurrentUserFullName()})

}

@if (HttpContext.Current.User.Identity.IsAuthenticated && AccountHelper.AuthorizeAdmin())

{

@Html.ActionLink("Shipments","ShipmentSummary",new { controller = "Admin",salesPerson = AccountHelper.GetCurrentUserFullName() })@Html.ActionLink("Bookings","BookingSummary",salesPerson = AccountHelper.GetCurrentUserFullName() })

}

@if (Request.IsAuthenticated)

{

@Html.ActionLink("Log Off","logoff","Account")

}

else

{

@Html.ActionLink("Log in","Login","Account")

}

@RenderSection("featured",required: false)

@RenderBody()

v @typeof(FCTech.Quotes.MvcApplication).Assembly.GetName().Version

@Scripts.Render("~/bundles/bootstrap")

@RenderSection("Scripts",required: false)

而正确显示的其中一个视图的正文如下所示：

@using System.Linq

@model IEnumerable

@{

ViewBag.Title = "Open Quotes";

}

Open Quotes

Open Quotes

@if (Model != null && Model.Any())

{

@Html.DisplayNameFor(model => model.QuoteNumber)

@Html.DisplayNameFor(model => model.QuoteDate)

@Html.DisplayNameFor(model => model.Customer)

@Html.DisplayNameFor(model => model.City)

@Html.DisplayNameFor(model => model.State)

@Html.DisplayNameFor(model => model.EndUser)

@Html.DisplayNameFor(model => model.Product)

@Html.DisplayNameFor(model => model.TotalValue)

@foreach (var item in Model)

{

@Html.ActionLink(item.QuoteNumber.ToString(),"Detail",new { quoteNumber = item.QuoteNumber,productLine = item.Product,salesRep = item.SalesRep })

@Html.DisplayFor(model => item.QuoteDate)

@Html.DisplayFor(model => item.Customer)

@Html.DisplayFor(model => item.City)

@Html.DisplayFor(model => item.State)

@Html.DisplayFor(model => item.EndUser)

@Html.DisplayFor(model => item.Product)

@Html.DisplayFor(model => item.TotalValue)

}

}

@section Scripts {

@Scripts.Render("~/bundles/jqueryval")

}

我在这里做错了什么？