如何更改菜單標題（垂直到水平）在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

回答

相關問題