网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

标题	Bootstrap按钮下拉菜单组件详解
范文	这篇文章主要为大家详细介绍了Bootstrap按钮下拉菜单组件，感兴趣的小伙伴们可以参考一下     按钮组也是一个独立的组件，按钮组和下拉菜单组件一样，需要依赖于button.js插件才能正常运作。     把一组<div>组合进一个<div>做成更复杂的组件。     <div role="toolbar">      <div>       <button type="button">1</button>       <button type="button">2</button>       <button type="button">3</button>       <button type="button">4</button>       <button type="button">5</button>       <button type="button">6</button>      </div>      <div>       <button type="button">7</button>       <button type="button">8</button>      </div>      <div>       <button type="button">9</button>      </div>      </div>          按钮下拉菜单仅从外观上看和下拉菜单效果基本上是一样的。它们唯一的不同是外部容器div.dropdown换成了div.btn-group     <div>      <button data-toggle="dropdown">       按钮下拉菜单       <span></span>      </button>      <ul>       <li><a href="#">菜单列表1</a></li>       <li><a href="#">菜单列表2</a></li>       <li><a href="#">菜单列表3</a></li>       <li><a href="#">菜单列表4</a></li>       <li><a href="#">菜单列表5</a></li>      </ul>      </div>     bootstrap.css文件     .btn-group .dropdown-toggle:active,     .btn-group.open .dropdown-toggle {      outline: 0;     }     .btn-group > .btn + .dropdown-toggle {      padding-right: 8px;      padding-left: 8px;     }     .btn-group > .btn-lg + .dropdown-toggle {      padding-right: 12px;      padding-left: 12px;     }     .btn-group.open .dropdown-toggle {      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);       box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);     }     .btn-group.open .dropdown-toggle.btn-link {      -webkit-box-shadow: none;       box-shadow: none;     }     按钮的向下向上三角形     按钮的向下三角形，是通过在button标签中添加span标签元素，且类名为.caret     <button data-toggle="dropdown">      按钮下拉菜单      <span></span>     </button>     这个三角形式通过css来实现的，下面是bootstrap.css源码：     .caret {      display: inline-block;      width: 0;      height: 0;      margin-left: 2px;      vertical-align: middle;      border-top: 4px solid;      border-right: 4px solid transparent;      border-left: 4px solid transparent;     }     以上就是本文的全部内容，希望对大家的学习有所帮助。
随便看	一年级下册语文知识点 八年级上册政治知识点 初一物理上册知识点总结 英语八年级上册知识点 七年级下册英语知识点总结 孙权劝学应该掌握的知识点 化学第一册知识点总结归纳 最新苏版数学六年级下知识点 八年级地理知识点总结下册 数学必修二第一章知识点 英语六年级上册知识点人教版 九年级道德与法治上册必考知识点 七年级下册第四单元英语重要知识点 七年级下册语文重点知识点人教版 二年级下册数学书上的知识点 六年级上册部编版语文知识点 六年级上册数学人教版知识点 语文三年级下册知识点全部 八年级上册的地理知识点 五年级下册数学知识点分类 六年级上册数学课本知识点归纳 朱自清的春知识点归纳 地理七年级下册第一章知识点人教版 语文敬辞和谦词知识点 九年级上册英语的知识点 grubby grub something up/out grubstake grub sth up/out grub-sth-up-out grub-up-out grudge grudged grudge match grudge-match 毒汁 毒液 毒烈 毒热 毒焰 毒牙 毒物 毒狠 毒瓦斯 毒疮 2022年昭通市事业单位招聘工作人员笔试温馨提示 2021年云南省农垦局直属事业单位招聘拟聘公示 2022年曲靖市师宗县人民医院招聘编制笔试成绩及资格复审公示 2021年昆明市文学艺术界联合会事业单位招聘拟聘人员公示 2022年怒江州福利彩票管理中心招聘考试新冠肺炎疫情防控告知书 2022年怒江州泸水市卫生监督所招聘协管员公告 2022年丽江市古城区第一中学招聘高中教师公告 2022年普洱市孟连县中医医院招聘救护车驾驶员公告 2022年昆明市延安医院禄劝医院禄劝县第一人民医院（本院） 拟聘公示 2022年红河州中级人民法院招聘聘用制书记员岗位技能测试和面试通知

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。