MVC layout concept

@using System.Web.Optimization
>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Your Website • @ViewBag.Titletitle>
@Styles.Render("~/css")
head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">span>
<span class="icon-bar">span>
<span class="icon-bar">span>
button>
<a class="brand" href="@Url.Action("Index", "Home")">Your Logo Herea>
<ul class="nav">
<li class="dropdown">@Html.ActionLink("Home", "Index", "Home")li>
<li class="dropdown">@Html.ActionLink("Featured", "FeaturedExample", "Home")li>
<li class="dropdown">@Html.ActionLink("Popup", "DialogExample", "Home")li>
<li class="dropdown"><a href="#" class="dropdown-toggle" id="dropdownCommonMenu" data-toggle="dropdown">DropDowna>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownCommonMenu">
<li role="menuitem" class="nav-header">Header 1li>
<li role="menuitem">@Html.ActionLink("Item 1", "Index", "Home")li>
<li role="menuitem" class="disabled">@Html.ActionLink("Item 2 (disabled)", "Index", "Home")li>
<li role="menuitem" class="divider">li>
<li role="menuitem" class="nav-header">Header 2li>
<li role="menuitem">@Html.ActionLink("Item 3", "Index", "Home")li>
ul>
li>
ul>
div>
div>
div>
<div class="container-fluid">
<div class="row-fluid">
@if (IsSectionDefined("sidebar"))
{
<div class="span2">
@RenderSection("sidebar", required: false)
div>
}
<div id="content" @(IsSectionDefined("sidebar") ? Html.Raw("classclass=span10") : Html.Raw("class=span12"))>
<noscript>
<div class="alert">
<button type="button" class="close" data-dismiss="alert">×button>
<strong>Warning!strong> Please enable JavaScript in your browser!
div>
noscript>
@if (IsSectionDefined("featured"))
{
<div>
<div class="hero-unit">
@RenderSection("featured", required: false)
div>
div>
}
<div>
@RenderBody()
div>
div>
div>
<div class="row-fluid">
<footer id="footer">
<p>© 2013, Your Company Limitedp>
footer>
div>
div>
@Scripts.Render("~/js")
@RenderSection("scripts", required: false)
body>
html>

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ravi Patel9y ago
Hi,

you can create another layout which contain only menu not image and include the layout on that page page only

by using

@{
ViewBag.Title = "Home Page";
Layout = "~/Views/Shared/myLayoutPage.cshtml";
}
Ananth G9y ago
1. @using System.Web.Optimization
2. >
4. <html lang="en">
5. <head>
6. <meta charset="utf-8" />
7. <title>Your Website • @ViewBag.Titletitle>
9. @Styles.Render("~/css")
10. head>
11. <body>
12. <div class="navbar navbar-fixed-top">
13. <div class="navbar-inner">
14. <div class="container-fluid">
15. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
16. <span class="icon-bar">span>
17. <span class="icon-bar">span>
18. <span class="icon-bar">span>
19. button>
20. <a class="brand" href="@Url.Action("Index", "Home")">Your Logo Herea>
21. <ul class="nav">
22. <li class="dropdown">@Html.ActionLink("Home", "Index", "Home")li>
23. <li class="dropdown">@Html.ActionLink("Featured", "FeaturedExample", "Home")li>
24. <li class="dropdown">@Html.ActionLink("Popup", "DialogExample", "Home")li>
27. <li class="dropdown"><a href="#" class="dropdown-toggle" id="dropdownCommonMenu" data-toggle="dropdown">DropDowna>
28. <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownCommonMenu">
29. <li role="menuitem" class="nav-header">Header 1li>
30. <li role="menuitem">@Html.ActionLink("Item 1", "Index", "Home")li>
31. <li role="menuitem" class="disabled">@Html.ActionLink("Item 2 (disabled)", "Index", "Home")li>
32. <li role="menuitem" class="divider">li>
33. <li role="menuitem" class="nav-header">Header 2li>
34. <li role="menuitem">@Html.ActionLink("Item 3", "Index", "Home")li>
35. ul>
36. li>
37. ul>
38. div>
39. div>
40. div>
42. <div class="container-fluid">
44. <div class="row-fluid">
45. @if (IsSectionDefined("sidebar"))
46. {
47. <div class="span2">
48. @RenderSection("sidebar", required: false)
49. div>
50. }
52. <div id="content" @(IsSectionDefined("sidebar") ? Html.Raw("classclass=span10") : Html.Raw("class=span12"))>
53. <noscript>
54. <div class="alert">
55. <button type="button" class="close" data-dismiss="alert">×button>
56. <strong>Warning!strong> Please enable JavaScript in your browser!
57. div>
58. noscript>
60. @if (IsSectionDefined("featured"))
61. {
62. <div>
63. <div class="hero-unit">
64. @RenderSection("featured", required: false)
65. div>
66. div>
67. }
68. <div>
69. @RenderBody()
70. div>
71. div>
72. div>
74. <div class="row-fluid">
75. <footer id="footer">
76. <p>© 2013, Your Company Limitedp>
77. footer>
78. div>
79. div>
80. @Scripts.Render("~/js")
81. @RenderSection("scripts", required: false)
82. body>
83. html>
Reference https://code.msdn.microsoft.com/ASPNET-MVC-4-Bootstrap-21f6031e