BootStrap--CSS组件--下拉菜单(dropdown)

最新推荐文章于 2024-09-13 22:15:00 发布

github_34514750

最新推荐文章于 2024-09-13 22:15:00 发布

阅读量2.9k

点赞数

分类专栏： BootStrap 文章标签： BootStrap CSS组件下拉菜单

本文链接：https://blog.csdn.net/github_34514750/article/details/53693859

版权

本文详细探讨了BootStrap框架中的CSS组件——下拉菜单，包括dropdown、dropdown-menu、dropdown-header、divider和dropdown-submenu等元素的使用。通过实例代码展示，帮助读者理解并掌握如何在实际项目中创建和应用下拉菜单。

摘要由CSDN通过智能技术生成

dropdown、dropdown-menu、dropdown-header、divider、dropdown-submenu
例子见下拉菜单.html

//源码
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow