2016-12-03 4 views
1

に適用されていません...ブートストラップページネーションのスタイルは、私はCodeIgniterのでサイトを開発し、私はページネーションを設定するページネーションライブラリを使用していたコード

しかし、改ページが乱雑探しているように、ブートストラップクラスは、その改ページに適用されていません..私は思いますしかし、何のエラーもありません...

私はまた、(コンソールでエラーを表示していないので)ブートストラップファイルをリンクしています..私もブートストラップCDNを試して.. ..まだそれは動作していません..誰でも私に何を表示することができます迷っています...

こちらはウェブサイトです:=> http://dev.cctvbuzz.com

、これはコード..です

<div class="row"> 
    <div class="pagination"> 
    <ul> 
     <li class="active"><a href="">1</a></li> 
     <li class="page"><a href="http://dev.cctvbuzz.com/index.php/home/index/14" data-ci-pagination-page="2">2</a></li> 
     <li class="page"><a href="http://dev.cctvbuzz.com/index.php/home/index/28" data-ci-pagination-page="3">3</a></li> 
     <li class="page"><a href="http://dev.cctvbuzz.com/index.php/home/index/42" data-ci-pagination-page="4">4</a></li> 
     <li class="next page"><a href="http://dev.cctvbuzz.com/index.php/home/index/14" data-ci-pagination-page="2" rel="next">Next →</a></li> 
     <li class="next page"><a href="http://dev.cctvbuzz.com/index.php/home/index/322" data-ci-pagination-page="24">Last »</a></li> 
    </ul> 
    </div> 
</div> 

答えて

1

はこのような何かをしてみてください。 次のCSSルールを追加してください。

li { 
    float: left; 
    list-style: outside none none; 
    padding-left: 5px; 
} 

またはこのようなものです。これは働いul

<ul class="pagination"> 
    ..... 
</ul> 
+0

.paginationクラスを追加..しかし、ブートストラップCSSクラスが適用されていない理由..私は、私は、ブートストラップprovide..Any思考と同じスタイルをしたいわけ? – ravi

+0

ブーストラッパーでは、.pagination> li>ページ分割用のクラスを使用します。しかし、html構造体では、.pagination> ul> li>構造体を使用します。だから、私はこれが動作していないと思うが、私は確信していません。 –

+0

また、私はブートストラップのために別のケースを追加しました。もしあなたがすべてのブートストラップクラスを使用しているなら、これを使用してください。 –

関連する問題