1 下拉菜单组件
<div class="dropdown"> <button class="btn btn-primary" data-toggle="dropdown">拉勾教育 <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="#">前沿技术</a></li> <li><a href="#">名师制作</a></li> <li><a href="#">24小时导师</a></li> </ul> </div> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/bootstrap.min.js"></script>
用法的关键核心
1. 外围容器使用 class="dropdown"包裹
2. 内部点击按钮事件绑定 data-toggle="dropdown"
3. 菜单元素使用 class="dropdown-menu"
2 分页组件
<ul class="pagination"> <li class="prevIoUs"> <a href="#"> « </a> </li> <li class="active"> <a href="#">1</a> </li> <li> <a href="#">2</a> </li> <li> <a href="#">3</a> </li> <li class="next"> <a href="#">»</a> </li> </ul>
<ul class="pager">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。