Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara menyisipkan grid dalam elemen ul li
ini dalam mode medium
ini dalam mode small, saya ingin membuat dia dengan grid xs-3 agar rata kekanan
<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>