Bootstrap 折叠(Collapse)插件
2016-07-15 10:44
525 查看
详情见http://www.runoob.com/bootstrap/bootstrap-collapse-plugin.html
自己也写了一个小例子:欢迎参考哦
效果如下:
自己也写了一个小例子:欢迎参考哦
<div class="panel-group" role="tablist" id="accordion" aria-multiselectable="false" > <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingSubject"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" aria-expanded="true" href="#collapseSubject" aria-controls="collapseSubject">这是个Panel</a> </h4> </div> <div class="panel-collapse collapse" id="collapseSubject" role="tabpanel" aria-labelledby="headingSubject"> <div class="panel-body"> <div class="form-group"> <div class="col-md-6"> <a href="@Url.Action("Index","Home")">About</a> </div> <div class="col-md-6"> <a href="~/Views/Home/Contact.cshtml">Contact</a> </div> </div> </div> </div> </div> </div>
效果如下:
相关文章推荐
- BootStrap之表格和按钮
- bootstrap .col-md-6 文字居中问题处理
- BootstrapTable+KnockoutJS
- JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(三):两个Viewmodel搞定增删改查
- Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
- 基于jquery,bootstrap数据验证插件bootstrapValidator 教程
- 两周“学会”bootstrap搭建一个移动站点
- BootStrap 模态框禁用空白处点击关闭问题
- Bootstrap模态对话框
- Bootstrapvalidator插件feedbackIcons的作用
- bootstrap 只显示选择年份的 十年视图日期控件实现
- Bootstrap Dialog 使用
- bootstrap 模态窗口实例
- BootstrapTest_3(基础排板样式-2)
- 【转】让Bootstrap 3兼容IE8浏览器
- bootstrap教程(一)--bootstrap简介
- bootstrap教程(一)--bootstrap简介
- 关于bootstrap插件datepicker
- Bootstrap JS插件系列总结
- 【Bootstrap 多级菜单】