【Twitter Bootstrap】ページャー

今回はページャーです。

ページャーとはこんな感じのモノです。

 

 

 

---

<div class="pagination">
<ul class="pager">
<li><a href="#">Previous</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>

---

 

まず大枠でpaginationクラスを指定したDIV要素を作ります。

次に中身を書いていきます。pagerクラスを指定したUL要素の中にLI要素を2個作ります。片方はPrevious、もう片方はNextの文字を入れます。これだけです。もちろん、Previous・Next以外にも文字は指定できます。「←」とかもいけます。

今回もあっさり終わってしましました 笑。次回は、ラベルとバッジを一気にやってしまいます。

タグ：Twitter Bootstrap ページャー