sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-10-30 00:05:32 -04:00
Code Issues Projects Releases Wiki Activity

fix blog example to use customized pagination based on button styles

Browse Source
This commit is contained in:
Mark Otto 2016-01-06 14:57:00 -08:00
parent e482fe24e1
commit 20261385ea
2 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/examples/blog/blog.css
View File

@ -125,14 +125,10 @@ h6, .h6 {
/* Pagination */
.pager {
.blog-pagination {
margin-bottom: 4rem;
text-align: left;
}
.pager > li > a {
width: 8rem;
padding: .75rem 1.25rem;
text-align: center;
.blog-pagination > .btn {
border-radius: 2rem;
}

8
docs/examples/blog/index.html
View File

@ -104,11 +104,9 @@
<p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
</div><!-- /.blog-post -->
<nav>
<ul class="pager">
<li><a href="#">Older</a></li>
<li class="disabled"><a href="#">Newer</a></li>
</ul>
<nav class="blog-pagination">
<a class="btn btn-outline-primary" href="#">Older</a>
<a class="btn btn-outline-secondary disabled" href="#">Newer</a>
</nav>
</div><!-- /.blog-main -->