如何更改菜单标题（垂直到水平）在ASP.NET MVC

-1

/Shared/_Layout.cshtml如何更改菜单标题（垂直到水平）在ASP.NET MVC

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <script src="~/Content/jquery-1.10.2.min.js"></script> 
    <title>@ViewBag.Title</title> 
</head> 
<body> 
    <div> 
     @Html.Action("Menu", "Nav") 
    </div> 
</body> 
</html>

/view/Nav/Menu.cshtml

@model IEnumerable<string>  
@Html.ActionLink("Home","List","Product",null, 
    new {@class ="btn btn-block btn-default 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 display:inline" } 
) 
}

浏览器视图

：

我想更改下图所示的项目视图。

如何使项目安排垂直到水平

来源

2017-06-08 square

大概'display：inline-table'可能工作吗？ –

请参阅** W3Schools ** [水平导航栏示例]（https://www.w3schools.com/css/css_navbar.asp）本指南。 – Prabhat

为了使按钮水平显示刚刚从类列表中删除btn-block类：

new{@class = "btn btn-default btn-lg" }

你不” t需要display:inline，并且这不会起作用，因为您将它包含在class属性中。它必须包含在style属性中，因为它是CSS规则而不是CSS类。

要删除边框，按钮周围就像你在你的第二个屏幕让你可以重写引导这样的： style = border: 0;

CSS规则包含在style属性优先于CSS类。

来源

2017-06-08 16:33:16 jpishko

这是工作~~ thx很多 – square

如何更改菜单标题（垂直到水平）在ASP.NET MVC

回答

相关问题