我们如何在asp.net MVC中添加admin bootstrap主题 [英] how do we add admin bootstrap theme in asp.net MVC
问题描述
您好,
我第一次使用Asp.net MVC管理员引导主题。但它无法工作,任何机构都可以帮助我,如何使用bootstrap管理主题。
1.在View / Shared旁边请创建局部视图。将其命名为_AdminLayout.cshtml
2.从bootstrap管理模板索引页面复制并粘贴html代码。
3.删除所有不需要的html标签..通常保留标题,页脚,siderbar菜单内容reamin那里并删除所有其他。
4.use@ RenderBody()
adminlayout中的
你需要从其他视图加载内容
例如:
< pre lang =c#>< body>
< div class = navbar >
< div class = navbar-inner >
< div < span class =code-keyword> class = container-fluid >
< a class = btn btn-navbar data-toggle = 折叠 data-target = 。top-nav.nav-collapse,.sidebar-nav.nav -collapse >
< span class = icon-bar > < ; / span >
< span class = icon-bar > < / span >
< span class = icon-bar > < / span >
< / a >
< a class = 品牌>< span> < / span > < / a >
<! - start:标题菜单 - >
< div class = nav- no-collapse header-nav >
< ul class = nav pull-right >
< li class = 下拉菜单 >
< a class = btn dropdown-toggle data-toggle = 下拉列表 href = # < span class =code-keyword>>
class = halflings-icon white user> 管理员
< span class = 插入符号 > < / span >
< / a >
< ul class = 下拉菜单 >
< li class = dropdown-menu-title >
< span>帐户设置< / span >
< / li >
< li>< a href = # > class = halflings-icon user> Profile < / a > < / li >
< li>< a href = # > class = halflings-icon off> Logout < / 跨度> a > < / li >
< / ul >
< / / span> li >
<! - end:用户下拉菜单 - >
< / ul >
< / div >
<! - end:标题菜单 - >
< / div >
< / div >
< / div >
< div class = row-fluid >
@RenderBody()
@RenderSection ( 脚本,必需: false )<! - for java scripts - >
< / div >
< div class = clearfix > < / div >
< footer>
© 2014
< / 页脚 > < / 正文 >
>
Hello,
i am using Asp.net MVC admin bootstrap theme first time. but it cant work, can any body help me, how to use bootstrap admin theme.
1.Inside the View/Shared please create a partial view. Name it as _AdminLayout.cshtml
2.Copy and paste the html code from bootstrap admin template index page.
3.Delete all unwanted html tags ..usually keep header,footer,siderbar menu content reamin there and remove all others.
4.use@RenderBody()
inside the adminlayout were you need load contents from other views
Eg:
<body> <div class="navbar"> <div class="navbar-inner"> <div class="container-fluid"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand"><span></span></a> <!-- start: Header Menu --> <div class="nav-no-collapse header-nav"> <ul class="nav pull-right"> <li class="dropdown"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> class="halflings-icon white user">Administrator <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="dropdown-menu-title"> <span>Account Settings</span> </li> <li><a href="#">class="halflings-icon user"> Profile</a></li> <li><a href="#">class="halflings-icon off"> Logout</a></li> </ul> </li> <!-- end: User Dropdown --> </ul> </div> <!-- end: Header Menu --> </div> </div> </div> <div class="row-fluid"> @RenderBody() @RenderSection("Scripts", required: false) <!-- for java scripts --> </div> <div class="clearfix"></div> <footer> © 2014 </footer></body>
这篇关于我们如何在asp.net MVC中添加admin bootstrap主题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!