Dalam mendisain website company profile, kita mungkin menemui adanya beberapa halaman dalam suatu menu. Untuk memudahkan navigasi kita membuat menu samping atau sering disebut sidebar.
Dengan menggunakan Bootstrap kita dapat membuat tampilan tersebut seperti pada halaman http://getbootstrap.com/examples/blog/ dengan tampilan seperti berikut ini:
Kemudian kalau kita melakukan ‘Ispect Element with Firebug’ maka hasil inspect element adalah sebagai berikut:
- Keseluruhan baris yang terdiri dua kolom
Terlihat bahwa penggunaan layout menggunakan class row yang dipelajari pada grid Bootstrap - Kolom kiri yang berisi content:
Terlihat bahwa pengaturan kolom content menggunakan class col-sm-8 yang merupakan bagian dari grid Bootstrap
- Kolom kanan yang merupakan sidebar atau menu samping:
Informasi lebih lanjut silahkan mengunjungi
1. http://getbootstrap.com/examples/blog/ .
2. http://getbootstrap.com/css/#grid .
Kunjungi www.proweb.co.id untuk menambah wawasan anda.
Tampilan sidebar bootstrap only