ASSALAMU'ALAIKUM Wr. Wb.
Pagination Dan Breadcrumb Pada Bootstrap
tentu sobat sudah pernah mendengar tentang pagination dan breadcrumb. jika sebelumnya sobat harus mendesign sendiri bentuk pagination dan breadcrumb sobat maka dengan menggunakan bootstrap sobat dapat membuat pagination dan bootstrap dengan cepat dan tampilan design pagination dan breadcrumb bootstrap juga sudah sangat modern.
Untuk membuat pagination dan breadcrumb bootstrap sobat harus menggunakan list HTML. kemudian berikan class yang sudah di sediakan oleh bootstrap untuk membuat pagination dan breadcrumb. gunakan class “pagination” untuk membuat pagination, dan gunakan class “breadcrumb” untuk membuat breadcrumb.
Cara Membuat Pagination Dengan Bootstrap
Untuk membuat pagination dengan bootstrap caranya sangat mudah, silahkan perhatikan contoh berikut untuk cara membuat pagination dengan bootstrap.
dapat di lihat pada contoh penggunaan class pagination di atas. untuk membuat pagination tambahkan class “pagination” pada tag <ul>. dan untuk membuat pagination dengan ukuran besar tambahkan class “pagination-lg”. dan tambahkan class “pagination-sm” untuk membuat pagination dengan ukuran yang lebih
<ul class="pagination">
<ul class="pagination pagination-lg">
<ul class="pagination pagination-sm">Untuk tambahan sobat dapat menambahkan class active dan class disabled didalam tag <li> berikut contohnya
<ul class="pagination"Cara Membuat Breadcrumb Dengan bootstrap
<li class="active"><a href="#">1</a></li>
<a href="#">2</a></li>
<a href="#">3</a></li>
<a href="#">4</a></li>
<li class="disabled"><a href="#">5</a></li>
</ul>
Untuk cara membuat breadcrumb saya kira cukup mudah yaitu dengan memanggil class "breadcrumb" dan berikut contoh penggunaanya
Kesimpulan
Dengan adanya Pagination dan Breadcrumb Bootstrap ini kita dapat dengan mudah membuat pagination maupun breadcrumb tanpa harus membuat class CSS nya.
Sekian dari Saya apabila ada kesalahan mohon dimaafkan.TerimaKasih
WASSALAM
Tidak ada komentar:
Posting Komentar