Bootstrap表格分页

一:直接复制一个有分页条的表格过来就行了

复制的时候在浏览器中edit as html复制,不然太多了很容易复制错

我们复制这个表格过来


  直接放到我们项目中去

  

   但是发现分页条样式有点问题,没有想静态页在最右边,也没有和前面的页面提示在一行样,

   检查下静态页的样式问题

   

   会发现有个叫div.dataTables_paginate的样式让他显示在右边了,可以看到它是在DT_bootstrap.css里边的,

 由于我们用空白页套用的他没有引入这个样式进入进去就搞定了

  这里也发现了熟悉的span6样式,两个span6他们就平分那个样式了



二:分页条的一些样式

 1:disabled 禁用,一般禁用上一页或者下一页的

 2:active选中效果






http://www.runoob.com/bootstrap/bootstrap-pagination.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值