简单,快速用bootstarp美化默认thinkphp的分页样式

来源:互联网 发布:鼠标手写输入法 mac 编辑:程序博客网 时间:2024/05/29 05:54
思路:
查看生成出来的分页html代码,发现里面就是由a标签和span标签和文字信息组使成一起。而bootstarp中的按钮样式正好可以用于a和span标签。
于是方法步骤如下:

1、在显示的分页html处加上一个div或其它的父层(一般情况下你就是这么做的).把一个样式名称,这个名称是可以没有定义的css名。如:
<div class="bootstarp_fenye">{$page}</div>

2、在页面加载完成后,添加两条js语句:
$(".bootstrap_fenye a").addClass('btn btn-default btn-xs');
$(".bootstrap_fenye span").addClass('btn btn-primary btn-xs');

重新打开页面,你就可以看到效果了。当然你也可以用此方法改其它的页面的分页效果,也可以改得更漂亮的。
0 0
原创粉丝点击