Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara menyisipkan grid dalam elemen ul li
<div class="col-xs-12 col-md-1">
<div class="sosial text-center">
<ul>
<li><a href="https://facebook.com/BitstenDhabitaTeknologi/" target="_blank"><i
class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/bitstendotcom" target="_blank"><i class="fa fa-
twitter"></i></a></li>
<li><a href="https://t.me/coinsteneum" target="_blank"><i class="fa fa-telegram"></i>
</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.bitsten.bitsten"
target="_blank"><i class="fa fa-android"></i></a></li>
</ul>
</div>
</div>
saya ingin membuat list ini dengan grid col-xs-3 per listnya, namun tidak berfungsi, mohon bantuannya?
2 Jawaban:
Jawaban Terpilih
setauku grid cuma dipakai di tag div... kalau mau listnya horizontal bisa pakai css <pre> @media screen and (max-width: 576px) { .sosial ul li { display:inline-block; width:24%; } } </pre> saus: media queries:<a href='https://www.w3schools.com/css/css3_mediaqueries_ex.asp'>https://www.w3schools.com/css/css3_mediaqueries_ex.asp</a> jumlah pixel:<a href='https://getbootstrap.com/docs/4.0/layout/grid/#grid-options'>https://getbootstrap.com/docs/4.0/layout/grid/#grid-options</a>
