bootstrap50-按钮下拉菜单的大小-创新互联

<!DOCTYPE html>

创新互联科技有限公司专业互联网基础服务商，为您提供四川服务器托管，高防物理服务器租用，成都IDC机房托管，成都主机托管等互联网服务。

<html>

<head>

<meta charset="utf-8">

<title>Bootstrap 按钮下拉菜单的大小</title>

<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">

</head>

<body>

<div class="container">

<div class="btn-group">

<button class="btn btn-default dropdown-toggle btn-lg" data-toggle="dropdown">

默认

<span class="caret"></span>

</button>

<ul class="dropdown-menu" role="menu">

    <li><a href="#">功能 1</a></li>

    <li><a href="#">功能 2</a></li>

    <li><a href="#">功能 3</a></li>

    <li class="divider"></li>

    <li><a href="#">功能 4</a></li>

  </ul>

</div>

<div class="btn-group">

<button class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown">

原始

<span class="caret"></span>

</button>

<ul class="dropdown-menu" role="menu">

    <li><a href="#">功能 1</a></li>

    <li><a href="#">功能 2</a></li>

    <li><a href="#">功能 3</a></li>

    <li class="divider"></li>

    <li><a href="#">功能 4</a></li>

  </ul>

</div>

<div class="btn-group">

<button class="btn btn-success dropdown-toggle btn-xs" data-toggle="dropdown">

成功

<span class="caret"></span>

</button>

<ul class="dropdown-menu" role="menu">

    <li><a href="#">功能 1</a></li>

    <li><a href="#">功能 2</a></li>

    <li><a href="#">功能 3</a></li>

    <li class="divider"></li>

    <li><a href="#">功能 4</a></li>

  </ul>

</div>

</div>

  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

 <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>

</html>

bootstrap50-按钮下拉菜单的大小

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站栏目：bootstrap50-按钮下拉菜单的大小-创新互联
本文地址：https://www.cdcxhl.com/article28/ggdcp.html

成都网站建设公司_创新互联，为您提供静态网站、网站改版、手机网站建设、网站维护、ChatGPT、云服务器

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都网页设计公司

建站公司知识

同城分类信息