1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-25 14:30:46 +02:00

update to docs to cleanup pagination for smartphones, fix some pagination inconsistencies

This commit is contained in:
Mark Otto
2011-10-26 21:04:14 -07:00
parent b4c0d2a6b2
commit e616026d67
5 changed files with 37 additions and 24 deletions

View File

@@ -328,10 +328,18 @@ h2 + table {
display: block;
line-height: 20px;
}
/* More space between sections */
h2 {
margin-top: 27px;
}
h3 {
margin-top: 18px;
}
/* Adjust the jumbotron */
.jumbotron h1,
.jumbotron p {
text-align: center;
margin-right: 0;
}
.jumbotron h1 {
@@ -349,8 +357,15 @@ h2 + table {
margin: 36px 0;
}
.jumbotron .btn {
display: block;
font-size: 18px;
padding: 10px 14px;
margin: 0 auto 10px;
}
/* Don't space out quick links so much */
.quick-links {
margin: 40px 0 0;
}
/* Popovers */
@@ -361,6 +376,15 @@ h2 + table {
margin-left: 0;
}
/* Space out the show-grid examples */
.show-grid [class*="span"] {
margin-bottom: 5px;
}
/* Unfloat the back to top link in footer */
.footer .pull-right {
float: none;
}
}

View File

@@ -1715,38 +1715,29 @@
<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 class="next"><a href="#">Next &raquo;</a></li>
<li class="next"><a href="#">Next &rarr;</a></li>
</ul>
</div>
<div class="pagination">
<ul>
<li class="prev"><a href="#">&larr; Previous</a></li>
<li class="prev"><a href="#">&larr;</a></li>
<li class="active"><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
<li class="disabled"><a href="#"></a></li>
<li><a href="#">19</a></li>
<li><a href="#">20</a></li>
<li><a href="#">21</a></li>
<li class="next"><a href="#">Next &raquo;</a></li>
<li class="next"><a href="#">&rarr;</a></li>
</ul>
</div>
<div class="pagination">
<ul>
<li class="prev"><a href="#">&larr; Previous</a></li>
<li class="prev"><a href="#">&larr;</a></li>
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
<li class="active"><a href="#">12</a></li>
<li><a href="#">13</a></li>
<li><a href="#">14</a></li>
<li class="active"><a href="#">15</a></li>
<li><a href="#">16</a></li>
<li><a href="#">17</a></li>
<li><a href="#">18</a></li>
<li><a href="#">19</a></li>
<li><a href="#">20</a></li>
<li class="next"><a href="#">Next &raquo;</a></li>
<li class="next"><a href="#">&rarr;</a></li>
</ul>
</div>
<pre class="prettyprint linenums">