加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap CSS组件之按钮下拉菜单

发布时间:2020-12-18 00:44:55 所属栏目:安全 来源:网络整理
导读:按钮下拉菜单 结合使用.btn-group(btn-group-lg/btn-group-sm/btn-group-xs) .dropup .btn .dropdown-menu 按钮下拉菜单是在普通的下拉菜单的基础上封装了.btn样式得效果,就类似于单击一个button按钮,然后显示隐藏的下拉菜单。 Bootstrap 101 Template lin

按钮下拉菜单

结合使用.btn-group(btn-group-lg/btn-group-sm/btn-group-xs) .dropup .btn .dropdown-menu 按钮下拉菜单是在普通的下拉菜单的基础上封装了.btn样式得效果,就类似于单击一个button按钮,然后显示隐藏的下拉菜单。

Bootstrap 101 Template

<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">

<div class="btn-group">
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
Success <span class="caret">

<ul class="dropdown-menu">

  • <div class="btn-group">
    <button type="button" class="btn btn-success">Button
    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
    <span class="caret">

    <div class="btn-group dropup">
    <button type="button" class="btn btn-success">Button
    <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
    <span class="caret">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js">

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读