bootstrap class submenu 样式 一点就 折叠了菜单,能不能不要折叠

问题描述

<li><aclass="dropmenu"href="#"><iclass="icon-folder-close-alt"></i><spanclass="hidden-tablet">@ms.Name</span><spanclass="label">@liImgs.Where(x=>x.CPrenlevel==ms.Id&&x.IsUrlImg&&x.Clevels>0).Count()</span></a>@{varmus2=@liImgs.Where(x=>x.CPrenlevel==ms.Id&&x.IsUrlImg&&x.Clevels>0).ToList();}@if(mus2.Count>0){<ul>@foreach(varmseachinmus2){if(mseach.CPrenlevel!=0&&mseach.ActionUrl.Length>3)//表示没有下级菜单{<li><aclass="submenu"href="@mseach.ActionUrl"><iclass="icon-hdd"style="color:#ffffff"></i><spanclass="hidden-tablet"style="color:#ffffff">@mseach.Name</span></a></li>}}</ul>}</li>以上代码是bootstrap菜单代码中的一段,但有一个毛病,点到末级菜单,出现href指定的视图的同时,下拉菜单也会全部自动折叠起来,要想再换一个子菜单,又要展开一次菜单,非常麻烦,该怎么改呢

解决方案

解决方案二:
没有人回呀,求回贴,谢谢
解决方案三:
那就在网上找一个符合你要求的菜单样式
解决方案四:
引用2楼hanjun0612的回复:

那就在网上找一个符合你要求的菜单样式

好像就这一个了,
解决方案五:
我自己顶一下吧,真不知道如何解决了

时间: 2025-01-29 21:57:07

bootstrap class submenu 样式 一点就 折叠了菜单,能不能不要折叠的相关文章

用 bootstrap 如何做点击末菜单不自动全部折叠的 导航菜单

问题描述 希望用bootstrap做一下如下图类似的用以下代码,点击末级菜单的时候,菜单会自动折叠起来,高人能不能推荐我一个方法,非常感谢!!!<aclass="dropmenu"href="#"><iclass="icon-folder-close-alt"></i><spanclass="hidden-tablet">@ms.Name</span><span

Bootstrap的class样式小结_javascript技巧

基础class .code来显示单行内联代码 .pre来显示多行块代码 .kbd来显示用户输入代码 .pre-scrollable高度超出340px,就会在Y轴出现滚动条 表格class .table基础表格margin-bottom:20px,在thead底部2px的浅灰实线,每个单元格顶部1px的浅灰实线 .table-striped:斑马线表格,隔行有一个浅灰色的背景色 .table-bordered:带边框的表格,所有单元格有1px的边框 .table-hover:鼠标悬停在表格的行上,

全面解析Bootstrap表单样式的使用_javascript技巧

本文主要给大家介绍了bootstrap表单样式的使用知识,非常不错,一起看看吧! 表单 <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">邮箱:</label> <input type="email" class="form-control" id=&q

Bootstrap Img 图片样式(推荐)_javascript技巧

 Bootstrap提供了四种用于<img>类的样式,分别是: .img-rounded:圆角 (IE8 不支持),添加 border-radius:6px 来获得图片圆角: .img-circle:圆形 (IE8 不支持),添加 border-radius:50% 来让整个图片变成圆形. .img-thumbnail:缩略图功能,添加一些内边距(padding)和一个灰色的边框. .img-responsive:图片响应式 (将很好地扩展到父元素). 使用: 将类样式直接添加到class中即

BootStrap mvcpager分页样式(get请求,刷新页面)_C#教程

使用方法: 先把mvcpager.dll引用加入mvc项目中. 前台代码 前台: @{ Layout = null; } @using Webdiyer.WebControls.Mvc @model PagedList<string> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <

第二章之Bootstrap 页面排版样式_javascript技巧

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. 学习要点: 1.页面排版 本节课我们主要学习一下 Bootstrap 全局 CSS 样式中的排版样式,包括了标题.页面主体.对齐.列表等常规内容. 一.页面排版 Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用. 1.页面主体 Bootstrap 将全局 font-size 设置为 14px,li

BootStrap 实现各种样式的进度条效果_javascript技巧

Bootstrap提供了各式各样的进度条效果,下面通过实例代码给大家详细介绍,具体详情如下所示: 看下面的例子: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1&quo

ThinkPHP 整合Bootstrap Ajax分页样式

ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $where['name']= array('like','%'.(string)$name.'%'); } $Role=M('Role'); $count= $Role->where($where)->count();// 查询满足要求的总记录数 $Page =new \Think\AjaxPage(

基于Metronic的Bootstrap开发框架经验总结(11)--页面菜单的几种呈现方式

在常规的后台管理系统或者前端界面中,一般都有一个导航菜单提供给用户,方便选择所需的内容.基于Metronic的Bootstrap开发框架,是整合了Metroinc样式,以及Boostrap组件模块的内容,因此菜单的效果自然也是和Bootstrap一脉相承的.基于经常使用的几种菜单样式,本文进行了相关的介绍和展示. 1.菜单展示的三种方式 菜单的展示可以做成各种各样的效果,本文只是针对性的介绍其中的三种,两种左侧竖放的菜单,一种是水平横放的菜单. 样式1: 菜单收缩后界面如下所示. 样式2: 样式