Hai semuanya, sekarang saya kembali akan memberikan tutor atau tips tentang bootstrap. Sebelumnya kalian pasti sudah tau list pada html kan? penggunaan UL dan LI untuk membuat list, biasanya jika kita ingin membuat menu navbar pasti kita menggunakan bantuan list item ini. Lalu apa hubunganya tutorial saya dengan list item di html?
saat membuat menu bar atau navbar dengan menggunakan bantuan ul dan li kita ingin membuat item yang kita buat berbentuk sejajar horizontal bukan ? biasanya kita akan menggunakan float:left pada css atau dengan display-inline-block. Nah pada bootstrap ada sebuah class yang mana dapat membuat list item tersebut menjadi otomatis horizontal dan list-style nyapun akan otomatis hilang tanpa menyetingnya di css.
Saya menulis list-item dengan menggunakan class list-inline
<div class="container"> <div class="row"> <div class="col-md-12"> <ul class="list-inline"> <li>marjan</li> <li>ABC</li> <li>Indofood</li> <li>Marquisa</li> </ul> </div> </div> </div>
kita dapat langsung menaruh class nya di dalam tag ul, dan hasilnya akan seperti ini :
nah silahkan kalian lihat, liost item tadi akan otomatis horizontal dan list-atylenya pun akan hilang.
Sekian tips kali ini sampai bertemu pada article selanjutnya.
Teimakasih.