Bootstrap CSS组件之分页(pagination)和翻页(pager)
发布时间：2020-12-18 00:45:04 所属栏目：安全 来源：网络整理
导读：几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。 li { display: inline;}.pagination > li > a,.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.
|
几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。 li {
display: inline;
}
.pagination > li > a,.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
普通的 分页分页的状态-disabled active分页的大小-pagination-lg，pagination-sm翻页(pager)以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |