c# - 如何在ASP.NET MVC中更改菜单标题(垂直到水平)

/Shared/_Layout.cshtml

<!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" }
  )
}

浏览器视图

：

c# - 如何在ASP.NET MVC中更改菜单标题(垂直到水平)-LMLPHP

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

如何使项目垂直于水平排列

最佳答案

要使按钮水平显示，只需从类列表中删除btn-block类：

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

您不需要display:inline，因为您已将其包含在class属性中，因此无论如何都无法使用。它必须包含在style属性中，因为它是CSS规则而不是CSS类。

要像在第二个屏幕截图中那样删除按钮周围的边框，可以覆盖Bootstrap，如下所示：
style = border: 0;

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

关于c# - 如何在ASP.NET MVC中更改菜单标题(垂直到水平)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44432070/