本文实例为大家分享了引导实现带跳转页码的下拉分页样式,供大家参考,具体内容如下
引导默认页码是没有下拉页码和分页页码跳转效果的,实际开发中需要对样式进行修改
& lt; !——/分页——比;
& lt; div类="容器"比;
& lt; div类=靶衜yCenter”比;
& lt; div class=" col-xs-6 col-md-12 col-center-block”比;
& lt; ul类="分页col-md-5 col-center-block”比;
& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞« & lt;/a> & lt;/li>
& lt;李类="活跃"祝辞& lt; a href=" https://www.yisu.com/zixun/"祝辞1 & lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞2 & lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞3 & lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞4 & lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞5 & lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/"祝辞» & lt;/a> & lt;/li>
& lt; li> & lt; label>
& lt;选择id="页大小"
aria-controls=" DataTables_Table_0 "大?" 1 " name=癉ataTables_Table_0_length”class=癵-pages”比;
& lt;选项选择="选择" value=" https://www.yisu.com/zixun/5 "在5条/页& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/10 "祝辞10条/页& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/20 "祝辞20条/页& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/30 "祝辞30条/页& lt;/option>
& lt;/select>
& lt;/label>
& lt;/li>
& lt; li>跳至& lt;输入类型=拔谋尽眂lass=癵-input祝辞页& lt;输入类型=鞍磁ァ奔壑?" https://www.yisu.com/zixun/GO "祝辞& lt;/input> & lt;/li>
& lt;/ul>
& lt;/div>
& lt;/div>
& lt;/div>
& lt; !——分页/?/pre>
参考了完美实现引导分页查询文章中的样式进行更改
修改后的样式效果图
为您的网站或应用提供带有展示页码的分页组件,或者可以使用简单的翻页组件。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
