mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-12 08:34:08 +02:00
Code Issues 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
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 */ /* Pagination */
.pager { .blog-pagination {
margin-bottom: 4rem; margin-bottom: 4rem;
text-align: left;
} }
.pager > li > a { .blog-pagination > .btn {
width: 8rem;
padding: .75rem 1.25rem;
text-align: center;
border-radius: 2rem; 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> <p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
</div><!-- /.blog-post --> </div><!-- /.blog-post -->
<nav> <nav class="blog-pagination">
<ul class="pager"> <a class="btn btn-outline-primary" href="#">Older</a>
<li><a href="#">Older</a></li> <a class="btn btn-outline-secondary disabled" href="#">Newer</a>
<li class="disabled"><a href="#">Newer</a></li>
</ul>
</nav> </nav>
</div><!-- /.blog-main --> </div><!-- /.blog-main -->