编程 Javascript

Bootstrap下拉菜单Dropdowns的实现代码

Posted in Javascript onMarch 17, 2017

本文实例为大家分享了Bootstrap下拉菜单的具体代码，供大家参考，具体内容如下

<!DOCTYPE html> 
<html> 
 <head> 
  <title>Bootstrap-下拉菜单标题</title> 
   <meta charset="utf-8"> 
  <link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" > 
  <style> 
   body {  
    padding-top: 150px;  
    padding-bottom: 40px;  
    font-family: '宋体';  
   } 
  </style> 
 </head> 
 
 <body> 
  <div class="container"> 
  <div class="dropdown"> 
   <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" 
   style="font-size:36px;: blue; width:100;height: 50; "> 
    常用语种 <span class="caret"> </span> 
   </button> 
   <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 
    <li role="presentation" class="dropdown-header"> 
     下拉菜单标题 
    </li> 
    <li role="presentation" > 
     <a role="menuitem" tabindex="-1" href="#" rel="external nofollow" rel="external nofollow" >中文</a> 
    </li> 
    <li role="presentation" class="dropdown-header"> 
     下拉菜单标题 
    </li> 
    <li role="presentation"> 
     <a role="menuitem" tabindex="-1" href="#" rel="external nofollow" rel="external nofollow" >英文</a> 
    </li> 
   </ul> 
  </div> 
  </div> 
  <script src="js/jquery.min.js"></script> 
  <script src="js/bootstrap.min.js"></script> 
 </body> 
</html>

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

Bootstrap下拉菜单Dropdowns的实现代码

- Author -

boonyaxnn

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS类库Bindows1.3中的内存释放方式分析

Mar 08 Javascript

简单实用jquery版三级联动select示例

Jul 04 Javascript

js 阻止子元素响应父元素的onmouseout事件具体实现

Dec 23 Javascript

javascript使用for循环批量注册的事件不能正确获取索引值的解决方法

Dec 20 Javascript

jQuery实现鼠标经过图片变亮其他变暗效果

May 08 Javascript

JavaScript类继承及实例化的方法

Jul 25 Javascript

javascript中eval解析JSON字符串

Feb 27 Javascript

js生成随机数方法和实例

Jan 17 Javascript

vue webpack打包后图片路径错误的完美解决方法

Dec 07 Javascript

layui给下拉框、按钮状态、时间赋初始值的方法

Sep 10 Javascript

Node中对非阻塞I/O、事件循环的知识点总结

Jan 05 Javascript

JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】

May 12 Javascript

Bootstrap面板（Panels）的简单实现代码

Mar 17 #Javascript

Bootstrap模态框（Modal）实现过渡效果

Mar 17 #Javascript

详解Vue.js入门环境搭建

Mar 17 #Javascript

使用jquery datatable和bootsrap创建表格实例代码

Mar 17 #Javascript

jquery PrintArea 实现票据的套打功能(代码)

Mar 17 #Javascript

基于bootstrap实现收缩导航条

Mar 17 #Javascript

javascript基本数据类型和转换

Mar 17 #Javascript

You might like

PHP原生模板引擎最简单的模板引擎

2012/04/25 PHP

一起来写段JS drag拖动代码

2010/12/09 Javascript

js实现分享到随页面滚动而滑动效果的方法

2015/04/10 Javascript

js实现同一个页面多个渐变效果的方法

2015/04/10 Javascript

JS+CSS实现带小三角指引的滑动门效果

2015/09/22 Javascript

Javascript实现的简单右键菜单类

2015/09/23 Javascript

js实现的简单图片浮动效果完整实例

2016/05/10 Javascript

动态加载js、css的实例代码

2016/05/26 Javascript

jQuery实现鼠标经过像翻页和描点链接效果

2016/08/08 Javascript

bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法

2017/01/05 Javascript

select下拉框插件jquery.editable-select详解

2017/01/22 Javascript

使用npm安装最新版本nodejs

2018/01/18 NodeJs

微信小程序登录换取token的教程

2018/05/31 Javascript

LayUi中接口传数据成功,表格不显示数据的解决方法

2018/08/19 Javascript

vue实现节点增删改功能

2019/09/26 Javascript

vue路由权限校验功能的实现代码

2020/06/07 Javascript

Vue + ts实现轮播插件的示例

2020/11/10 Javascript

Python处理JSON时的值报错及编码报错的两则解决实录

2016/06/26 Python

Python使用线程来接收串口数据的示例

2019/07/02 Python

Python简易版图书管理系统

2019/08/12 Python

python中设置超时跳过,超时退出的方式

2019/12/13 Python

Python @property原理解析和用法实例

2020/02/11 Python

如何用Python和JS实现的Web SSH工具

2021/02/23 Python

Django后端按照日期查询的方法教程

2021/02/28 Python

网易微博Web App用HTML5开发的过程介绍

2012/06/13 HTML / CSS

HTML中meta标签及Keywords

2020/04/15 HTML / CSS

英国领先的酒类网上商城：TheDrinkShop

2017/03/16 全球购物

印度领先的眼镜电子商务网站：Lenskart

2019/12/16 全球购物

教师自我评价范例

2013/09/24 职场文书

篮球比赛口号

2014/06/10 职场文书

2014年教师节演讲稿范文

2014/09/10 职场文书

实习班主任自我评价

2015/03/11 职场文书

漂亮妈妈观后感

2015/06/08 职场文书

python自动计算图像数据集的RGB均值

2021/06/18 Python

为什么MySQL 删除表数据磁盘空间还一直被占用

2021/10/16 MySQL

PostgreSQL并行计算算法及参数强制并行度设置方法

2022/04/06 PostgreSQL