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

浏览:2275 发布日期:2014/11/30 分类:技术分享 关键字: 简单,快速用bootstarp美化默认的分页样式
思路:
查看生成出来的分页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');

重新打开页面,你就可以看到效果了。当然你也可以用此方法改成更漂亮一些的。
最佳答案
评论( 相关
后面还有条评论,点击查看>>