<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>bootstrap form</title>
<link rel="stylesheet" href="../bootstrap-3.3.7/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="../bootstrap-3.3.7/plugin/bootstrap-table/bootstrap-table.min.css" />
<script src="../assets/js/jquery-2.1.4.min.js"></script>
<script src="../bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../bootstrap-3.3.7/plugin/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../bootstrap-3.3.7/plugin/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Tognavigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">SKY</a>
</div>
<div id="navbar" class="collapse navbar-collapse ">
<!-- <ul class="nav navbar-nav"> 水平bar -->
<ul class="nav nav-pills nav-stacked"><!-- 垂直navbar -->
<li class="active"><a href="index.html">Home</a> </li>
<li><a href="about.html">About</a> </li>
<li><a href="shop.html">Shop</a> </li>
<li><a href="blog.html">Blog</a> </li>
<li><a href="contact.html">Contact</a> </li>
</ul>
</div>
</div>
</div>
</body>
</html>
分享到:
相关推荐
react-bs-navbar 使用React的Bootstrap 3的Navbar组件用法 React . render ( React . createElement ( Navbar . Navbar , menu_content ) , document . getElementById ( 'mount_point' )) ;菜单内容格式菜单的内容...
一款基于Bootstrap的导航菜单布局设计jQuery插件。该插件集成了23种Bootstrap导航菜单效果,有下拉菜单,大型菜单,侧边栏菜单,购物车菜单等,可以满足大部分网页导航菜单设计的需求。
这是一款Bootstrap4多级导航菜单插件。该插件扩展了原生bootstrap4的navbar,可生成多级导航菜单,并添加炫酷的CSS3动画效果。
该插件集成了23种Bootstrap导航菜单效果,有下拉菜单,大型菜单,侧边栏菜单,购物车菜单等,可以满足大部分网页导航菜单设计的需求。本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗...
主要为大家详细介绍了解决bootstrap导航栏navbar在IE8上存在缺陷的方法,需要的朋友可以参考下
BootstrapNavbar 帮助程序生成Bootstrap样式导航... 呈现导航栏时,BootstrapNavbar必须能够查询当前URL,例如,确定菜单项是否处于活动状态。 由于确定当前URL的方式因您是否使用Rails,Sinatra等而异,因此必须在某
右键菜单案例、BootStrap样式、右键菜单案例、BootStrap样式、右键菜单案例、BootStrap样式、右键菜单案例、BootStrap样式、右键菜单案例、BootStrap样式、右键菜单案例、BootStrap样式、右键菜单案例、BootStrap...
Bootstrap左侧下拉三级菜单导航 Bootstrap左侧下拉三级菜单导航 Bootstrap左侧下拉三级菜单导航 Bootstrap左侧下拉三级菜单导航
另外,菜单项在展开的时候,菜单项的内容将会以飞入的动画特效展示出来,同时菜单项的展开按钮也会出现旋转的动画。与这款菜单类似的还有CSS3响应式垂直手风琴菜单和基于jQuery和Bootstrap的手风琴垂直菜单这两款。
Rails引导导航栏 在Rails应用中轻松生成导航栏安装将此行添加到您的应用程序的Gemfile中: gem 'rails_bootstrap_navbar'然后执行: $ bundle或自己安装为: $ gem install rails_bootstrap_navbar要求来自Bootstrap...
这是一款基于bootstrap的jquery右键菜单插件。该bootstrap右键菜单使用Bootstrap dropdown组件来制作,并通过tether插件进行定位,具有多级菜单,灵活,响应式等特点。
Bootstrap,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
bootstrap navBar demo 稍微整理了下。bootstrap navBar demo 稍微整理了下。bootstrap navBar demo 稍微整理了下。bootstrap navBar demo 稍微整理了下。bootstrap navBar demo 稍微整理了下。
基于Bootstrap的CSS3菜单是一款带有3D立体视觉效果的下拉菜单。
横向菜单 水平菜单 后台模板 颜色偏浅 bootstrap+html+css
宽屏棒球运动专题bootstrap模板_宽屏 棒球 运动 专题 整站 简洁 大图 bootstrap 菜单 导航 手机 响应式 宽屏棒球运动专题bootstrap模板_宽屏 棒球 运动 专题 整站 简洁 大图 bootstrap 菜单 导航 手机 响应式
Yamm 是 Bootstrap 框架下的一款高级的菜单系统,使用纯 CSS 开发。 标签:Yamm CSS框架
一个基于bootstrap的二级后台管理菜单
这是一款基于Bootstrap和Bootsnav的多级导航菜单。该多级导航菜单通过简单的CSS代码来对菜单进行美化,制作鼠标滑过的动画效果。
Bootstrap多级树形分类折叠菜单基于Bootstrap2.2.1制作,多级分类树形菜单。