Bootstrap组合上、下拉框简单实现代码
作者：deepquiet 发布时间：2024-04-10 11:03:05
标签：Bootstrap,下拉框,上拉框
本文实例为大家分享了Bootstrap组合上下拉框的具体代码，供大家参考，具体内容如下
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" rel="external nofollow" rel="stylesheet">
<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
</head>
<body>
<!-- 下拉式 -->
<div class="btn-group">
<!-- 用于显示文字 -->
<button type="button" class="btn btn-default">select</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" rel="external nofollow" rel="external nofollow" >Action</a></li>
</div>
<br/>
<br/>
<br/>
<br/>
<!-- 上拉式 -->
<div class="btn-group dropup">
<button type="button" class="btn btn-default">select</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" rel="external nofollow" rel="external nofollow" >Action</a></li>
</div>
<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/npm.js"></script>
</body>
</html>
<!--
-->
结果：
0
投稿猜你喜欢
本文介绍在Anaconda环境中，安装Python语言pydot与graphviz两个模块的方法。最近进行随机森林（RF）的树的可视化操作，- 在执行程序前，先在MySQL中创建一个数据库"pachong"。import pymysqlimport request
- 這兩天﹐對xml作為數據庫產生了興趣﹐找了一些資料﹐也搞出了一點眉目﹐在這里記錄一下。算是對自己學習x
- 本文实例讲述了Python基于FTP模块实现ftp文件上传操作。分享给大家供大家参考，具体如下：#!/usr/bin/python#-*-
- 最近需要做集团的SRC系统。暂无安全研发，所以只能找我这个小菜兼职开发。系统使用Django框架，在整个过程中，有许多奇特的需求。在某项需求
- tkinter改变下拉列表(Combobox)的选项值定义下拉列表：# 此处省略父容器的定义 ... # 定义下拉列表
- 本文实例讲述了PHP递归调用数组值并用其执行指定函数的方法。分享给大家供大家参考。具体分析如下：以下为wordpress原代码，为了偷懒，简
- 增大 SGA 已经缓冲看来对于性能的提升并不显著，加载时间只提升了 1.73％。下面我们增加 SGA 重做日志的大小： DB3: Log B
- 使用方法很简单,如果你有两个站,把这段代码放在访问高的那个站来刷自己的新站,放在那个文件里面呢?就放在INDEX里面吧.或者公用的头或者尾!
- 过滤非法的SQL字符的函数代码:'*************************************************
- 本文实例讲述了Python面向对象中类（class）的简单理解与用法。分享给大家供大家参考，具体如下：我们先来创建一个简单的类class F
- 比如:Set Connobject=nothing nothing如同英文单词字面意思，没有，没有那个，没有这个，没有东西 Set Conn
- JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了，目前在github 上这一类的项目是最多的，并且几乎每隔一段时间就会
- 一. 网页挂马的概念： 网页挂马是指：在获取网站或者网站服务器的部分或者全部权限后，在网
- 记录下如何远程使用服务器上的jupyter notebook。主要是在服务器端执行以下操作：激活需要使用的环境使用pip list 或con
- 前言我们的游戏资源处理工具是Python实现的，功能包括csv解析，UI材质处理，动画资源解析、批处理，Androd&iOS自动打包
- 本文实例讲述了JavaScript数据结构中串的表示与应用。分享给大家供大家参考，具体如下：类似于线性表的顺序存储结构，用一组地址连续的存储
- 1、查找表中多余的重复记录，重复记录是根据单个字段（peopleId）来判断select * from peoplewhere people
- <?php $link=mysql_connect("localhost",&
- 本文实例总结了Python常见的pandas用法。分享给大家供大家参考，具体如下：import numpy as npimport pand
