时间:2016-02-12 13:20 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【Bootstrap导航栏各元素操作方法(表单、按钮、文本)】，下面是详细的讲解！
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 默认的导航栏</title> <link href="http://www.jb51.net/article/bootstrap.min.css" rel="stylesheet"> <script src="http://www.jb51.net/article/jquery-2.1.4.min.js"></script> <script src="http://www.jb51.net/article/bootstrap.min.js"></script> </head> <body> <nav class="navbar navbar-inverse" role="navigation"> <div class="navbar-header"> <a class="navbar-brand" href="http://www.jb51.net/article/77108.htm#">林炳文在此～</a> </div> <div> <ul class="nav navbar-nav"> <li class="active"><a href="http://www.jb51.net/article/77108.htm#">导航一</a></li> <li><a href="http://www.jb51.net/article/77108.htm#">导航二</a></li> <li class="dropdown"> <a href="http://www.jb51.net/article/77108.htm#" class="dropdown-toggle" data-toggle="dropdown"> 下拉菜单 <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="http://www.jb51.net/article/77108.htm#">我是谁呢？</a></li> <li><a href="http://www.jb51.net/article/77108.htm#">我也不知道</a></li> <li><a href="http://www.jb51.net/article/77108.htm#">你是谁呢？</a></li> <li class="divider"></li> <li><a href="http://www.jb51.net/article/77108.htm#">分离的链接</a></li> <li class="divider"></li> <li><a href="http://www.jb51.net/article/77108.htm#">另一个分离的链接</a></li> </ul> </li> </ul> </div> <div> <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">搜一下</button> </form> <button type="button" class="btn btn-default navbar-btn"> 导航栏按钮 </button> </div> </nav> </body> </html>
关于Bootstrap导航栏各元素操作方法(表单、按钮、文本)的用户互动如下：
相关问题：请教一个表单里各元素对齐的问题，代码如下，IE下...
答：请使用无序列表ul+li或 dl+dd来对齐 ... ... ... >>详细
相关问题：bootstrap怎么让button和input在一行
答：hello,glad to answer you. 使用内联表单样式即可，如下： 运行效果： >>详细
相关问题：怎样使bootstrap导航栏始终显示成一行
答：工具/原料 bootstrap框架必须有, 还有就是基础的搭建模版, 如果不清楚, 请看"系列一"的文章. 方法/步骤 这里bootstrap使用了html5的一个新的标签nav. 标签定义导航链接的部分. 使用了样式. .navbar样式标识的是一个导航条. 其中.navbar又包含了:... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-