Bootstrap下拉菜单Dropdowns的实现代码

本文实例为大家分享了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 # 下拉菜单 # 详解bootstrap用dropdown-menu实现上下文菜单 # bootstrap如何让dropdown menu按钮式下拉框长度一致 # Bootstrap CSS组件之下拉菜单(dropdown) # Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发 # JQuery组件基于Bootstrap的DropDownList（完整版） # 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件 # 基于Bootstrap里面的Button dropdown打造自定义select # Bootstrap模块dropdown实现下拉框响应 # JS组件Bootstrap dropdown组件扩展hover事件 # Bootstrap 下拉菜单.dropdown的具体使用方法 # 英文 # 大家分享 # 具体内容 # 大家多多 # 宋体 # external # min # style # nofollow # href # stylesheet

返回目录在线咨询

上一篇：湖南企业网络营销分析论文,湖南网络营销与|直播|电商哪个学校好？
下一篇：php怎么做二维数组_php构建二维数组方法与结构创建技巧

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Bootstrap下拉菜单Dropdowns的实现代码

您的项目需求