Bootstrap 分页导航的对齐方式

 2023-09-18 阅读 22 评论 0

摘要:分页导航的对齐方式 分页导航中,默认采用左对齐。如果希望页码居中对齐,就给 .pagination 的 <div> 追加 .pagination-centered 类,希望页码右对齐,就给它追加 .pagination-right 类。如: <div class="pagination"&g

分页导航的对齐方式

分页导航中,默认采用左对齐。如果希望页码居中对齐,就给 .pagination 的 <div> 追加 .pagination-centered 类,希望页码右对齐,就给它追加 .pagination-right 类。如:


  1. <div class="pagination">
  2.   ...
  3. </div>
  4. <div class="pagination pagination-centered">
  5.   ...
  6. </div>
  7. <div class="pagination pagination-right">
  8.   ...
  9. </div>

效果如图 4‑45所示:

Bootstrap分页导航的对齐方式图4-45 Bootstrap分页导航的对齐方式

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/75156.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息