2016-12-03 14 views
1

我开发的笨网站,并使用分页库我设置分页...引导流行样式不应用到代码

但这样分页正在凌乱Bootstrap类并不适用于分页..我没有任何错误,虽然...

我也链接了一个引导文件(因为它不显示控制台错误)..我也尝试引导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; 
} 

或类似的东西。添加.paginationul

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

这个工作。但是,为什么不施加引导CSS类..我的意思是我想的一样风格的引导provide..Any想法? – ravi

+0

在boostrap中使用.pagination> li>一个分页类。但在html结构中使用.pagination> ul> li>结构。所以,我认为这是行不通的,但我不确定。 –

+0

另外,我已经添加另一个引导程序的CSS案例使用这个,如果你有使用所有引导程序类 –