0
이제 "ASP.NET MVC5, Freeman"이라는 책을 읽었으며 웹 사이트를 만들었습니다.해야 다른 버튼과 같은버튼 모양이 올바르지 않게 만들 수 없음
버튼 홈, 내가 뭐가 잘못, 이해할 수 없다 : 은 여기처럼 보이는 방법. ASP.NET에서 새로운 기능이므로 오류를 찾지 못했습니다. - 로직
- 테스트
- SportsStore.Domain : 여기
내 프로젝트의 구조
내가 생각하기에, 그 문제는 sportsstor e.WebUI.
Menu.schtml :
@model IEnumerable<string> @Html.ActionLink("Home", "List", "Product", null, new { @class = "btn btn-block btn-defautl btn-lg" }) @foreach (var link in Model) { @Html.RouteLink(link, new { controller = "Product", action = "List", category = link, page = 1 }, new { @class = "btn btn-block btn-default btn-lg" + (link == ViewBag.SelectedCategory ? " btn-primary" : "") }) }
List.cshtml
@model SportsStore.WebUI.Models.ProductsListViewModel @{ ViewBag.Title = "Products"; } @foreach (var p in Model.Products) { @Html.Partial("ProductSummary", p) } <div class="btn-group pull-right"> @Html.PageLinks(Model.PagingInfo, x => Url.Action("List", new { page = x, category = Model.CurrentCategory })) </div>
EDIT1가 - HTML 코드
<html><div id="coFrameDiv" style="height:0px;display:none;"><iframe id="coToolbarFrame" src="chrome-extension://cjabmdjcfcfdmffimndhafhblfmpjdpe/toolbar/placeholder.html" style="height: 0px; width: 100%; display: none;"></iframe></div><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/Content/bootstrap.css" rel="stylesheet"> <link href="/Content/bootstrap-theme.css" rel="stylesheet"> <title>Products</title> <link rel="stylesheet" id="coToolbarStyle" href="chrome-extension://cjabmdjcfcfdmffimndhafhblfmpjdpe/toolbar/styles/placeholder.css" type="text/css"><script type="text/javascript" id="cosymantecbfw_removeToolbar">(function() { var toolbarElement = {}, parent = {}, interval = 0, retryCount = 0, isRemoved = false; if (window.location.protocol === 'file:') { interval = window.setInterval(function() { toolbarElement = document.getElementById('coFrameDiv'); if (toolbarElement) { parent = toolbarElement.parentNode; if (parent) { parent.removeChild(toolbarElement); isRemoved = true; if (document.body && document.body.style) { document.body.style.setProperty('margin-top', '0px', 'important'); } } } retryCount += 1; if (retryCount > 10 || isRemoved) { window.clearInterval(interval); } }, 10); } })();</script></head> <body> <div class="navbar navbar-inverse" role="navigation"> <a class="navbar-brand" href="#">SPORTS STORE</a> </div> <div class="row panel"> <div id="categories" class="col-xs-3"> <a class="btn btn-block btn-defautl btn-lg" href="/">Home</a> <a class="btn btn-block btn-default btn-lg" href="/Chess">Chess</a><a class="btn btn-block btn-default btn-lg" href="/Soccer">Soccer</a><a class="btn btn-block btn-default btn-lg" href="/Watersports">Watersports</a>; </div> <div class="col-xs-8"> <div class="well"> <h3> <strong>Kayak</strong> <span class="pull-right label label-primary">275,00 ₽</span> </h3> <span class="lead">A boat for one person</span> </div><div class="well"> <h3> <strong>Lifejacket</strong> <span class="pull-right label label-primary">48,95 ₽</span> </h3> <span class="lead">Protective and fascionable</span> </div><div class="well"> <h3> <strong>Soccre ball</strong> <span class="pull-right label label-primary">19,50 ₽</span> </h3> <span class="lead">FIFA-approver size and weight</span> </div><div class="well"> <h3> <strong>Corner Flags</strong> <span class="pull-right label label-primary">34,95 ₽</span> </h3> <span class="lead">Give you playing field a professional touch</span> </div> <div class="btn-group pull-right"> <a class="btn btn-default btn-primary selected" href="/">1</a><a class="btn btn-default" href="/Page2">2</a><a class="btn btn-default" href="/Page3">3</a> </div> </div> </div> <!-- Visual Studio Browser Link --> <script type="application/json" id="__browserLink_initializationData"> {"appName":"Chrome","requestId":"71da9908a09f40e490a8f3c96abdeaaa"} </script> <script type="text/javascript" src="http://localhost:60023/6e11616ea0ef4c01be4ca7cc7741a6e8/browserLink" async="async"></script> <!-- End Browser Link --> </body></html>
월을 생성 그것은 도움이 될 수 : https://github.com/dmitrykozyr/SportsStoreMVC
카테고리를 사용 - 파일의 일부를 _Layout.cshtml에게
<body> <div class="navbar navbar-inverse" role="navigation"> <a class="navbar-brand" href="#">SPORTS STORE</a> </div> <div class="row panel"> <div id="categories" class="col-xs-3"> @Html.Action("Menu", "Nav"); </div> <div class="col-xs-8"> @RenderBody() </div> </div> </body>
'btn-primary' CSS 규칙이 테두리를 숨기는 것 같습니다. –
생성 된 HTML 코드를 표시 할 수 있습니까? – ChrFin
@ChrFin 브라우저에서 F12를 눌러서 볼 수있는 코드라면 edit1에 있습니다. – dima