色合いはテーマで変更されますのでお試しを。
これ書いてもページャーが実装される訳では有りませんので、実際のページ移動はJavascriptなどで書く事になりますのでご注意を。
↓とか上手くカスタムすると良いかもです。暇見てサンプル作ってみます。
Ajax非同期通信を使ったページャー表現 http://studio-key.com/544.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | < ul class = "pagination" > < li class = "disabled" >< a href = "#" >«</ a ></ li > < li class = "active" >< 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 >< a href = "#" >»</ a ></ li > </ ul > < ul class = "pagination pagination-lg" > < li class = "disabled" >< a href = "#" >«</ a ></ li > < li class = "active" >< a href = "#" >1</ a ></ li > < li >< a href = "#" >2</ a ></ li > < li >< a href = "#" >3</ a ></ li > < li >< a href = "#" >»</ a ></ li > </ ul > < ul class = "pagination pagination-sm" > < li class = "disabled" >< a href = "#" >«</ a ></ li > < li class = "active" >< 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 >< a href = "#" >»</ a ></ li > </ ul > |