BootStrap导航的创建2
来源:互联网 发布:淘宝卖家怎么加入花呗 编辑:程序博客网 时间:2024/06/05 21:15
摘自《极客学院》
1、效果图:
2、html代码:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet" href="bootstrap.min.css"> <title>导航的创建2</title></head><body> <div class="container"> <!--class=nav-justified自动适应父控件--> <ul id="mynav" class="nav nav-pills nav-justified" role="tablist"> <li role="presentation" class="active"><a href="#">hello</a></li> <li role="presentation"><a href="#">haha</a></li> <li role="presentation" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Wolrd <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu"> <li role="presentation"><a role="menuitem" href="#">555</a></li> <li role="presentation"><a role="menuitem" href="#">555</a></li> <li role="presentation"><a role="menuitem" href="#">555</a></li> </ul> </li> </ul> </div> <script src="jquery-2.1.1.min.js"></script> <script src="bootstrap.min.js"></script> <script> $("#mynav a").click(function(e){ e.preventDefault(); $(this).tab("show"); }) </script></body></html>
0 0
- BootStrap导航的创建2
- (2)bootstrap的导航元素
- Bootstrap实例2---导航栏的实现
- bootstrap的导航栏
- BootStrap的导航组件
- bootstrap的导航
- Bootstrap的标签页导航
- Bootstrap常用的导航栏
- 关于使用bootstrap创建导航栏的一些学习心得(dropdown二级菜单)
- Bootstrap 导航
- bootstrap导航
- bootstrap导航
- bootstrap--导航
- Bootstrap 导航
- Bootstrap导航
- 导航栏的创建
- bootstrap自定义样式-bootstrap侧边导航栏的实现
- 【Bootstrap】修改导航条颜色的方法
- 应用洪峰应对规范
- UVA - 12532 Interval Product
- js中的内部属性与delete操作符
- _DataStructure_C_Impl:共享栈
- ROS学习--(十四)编写简单的Service和Client
- BootStrap导航的创建2
- shuoj-小6的多米诺骨牌-双向dp
- android屏幕适配
- LeetCode239 Sliding Window Maximum
- _DataStructure_C_Impl:链栈
- volley跟ssh服务结合使用
- 《深入理解Java虚拟机》读书笔记——Java内存区域与内存溢出异常
- POJ_1986_Distance Queries(LCA+tarjan)
- 灾情巡视路线模型