如何使响应式Bootstrap 3分页
克里斯蒂娜（Christina）
这： 
在较小的视口中启用此功能：
我认为它看起来令人讨厌，并且也占用了大量空间。
这是标准的分页html：
<div class="container">
<div class="text-center">
<ul class="pagination pagination-lg">
<li><a href="#">«</a></li>
<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>
<li class="disabled"><span>...</span></li>
<li><a href="#">12</a></li>
<li><a href="#">13</a></li>
<li><a href="#">14</a></li>
<li><a href="#">15</a></li>
<li><a href="#">16</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
</div>
现在，我可以将较小的版本与它们提供的类一起使用，但是无论如何，一切都应该适合胖手指，因为某些触摸设备与台式设备一样大。
六足纲
在我看来，切换分页是一种帮助，而不是最终的解决方案。我发现了一个Bootstrap插件，该插件可以在较小的屏幕尺寸上实现我期望的分页功能-缩小分页的li块的数量以匹配屏幕宽度，如下所示：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
bootstrap 3分页与codeigniter
- 2
bootstrap 3分页与codeigniter
- 3
无法将bootstrap3分页居中
- 4
如何使用Boto3分页
- 5
如何将按钮与django-bootstrap3分页放在同一行
- 6
如何将按钮与django-bootstrap3分页放在同一行
- 7
如何使Bootstrap 3按钮文本响应式
- 8
如何使Bootstrap 3按钮文本响应式
- 9
与bootstrap3一起使用的Rails 4分页，will_paginate和Kaminari
- 10
与bootstrap3一起使用的Rails 4分页，will_paginate和Kaminari
- 11
Angular 8分页：如何翻译“ of”？
- 12
如何使Laravel 4分页
- 13
如何在bootstrap3中创建响应式按钮？
- 14
如何在Bootstrap 3中获得响应式按钮
- 15
如何在响应式Bootstrap 3中反转cols的顺序？
- 16
Bootstrap 3：如何在容器中安装响应式表？
- 17
DataTables.Net Bootstrap 3分页缺少第一个“最后一个”按钮
- 18
响应式Bootstrap 4页脚
- 19
Laravel 5.2分页：如何减少栏中的链接（无自定义分页器）？
- 20
laravel：单击第二分页的下一页时如何删除第一分页
- 21
Twitter bootstrap 3响应式，但应修复
- 22
bootstrap 3响应式巨型菜单
- 23
bootstrap 3响应式多重菜单
- 24
bootstrap 3多列响应式轮播
- 25
如何在GridView小部件中修改Yii2分页以显示首页和末页？
- 26
如何在Laravel 5分页中默认设置每页计数项目
- 27
Ext JS 4.2分页组合-如何跳至页面
- 28
如何使Carousel Bootstrap 3响应
- 29
Bootstrap 3页脚无响应
我来说两句