skodev mascot typing keyboard

SKO.DEV

sekolah koding rasa baru
icon gambar buku BELAJAR icon gambar pohon KOMUNITAS icon gambar buku ARTIKEL icon gambar masuk MASUK

Postingan lainnya

Kelas Premium!
Belajar bikin website dari nol sekarang

cover kelas HTML dan CSS

Gunakan kupon "lebihcepat" untuk diskon 25%!

Responsive bootstrap contenct

Responsive MobileTampilan Desktop

Hallo temen" saya lagi belajar bootstrap, mau nanya perihal yang responsive mobile. bisa gak yg icon "MENTOR" untuk device mobile ketengah menggunakan bootstrap? terimakasih

html css java
avatar PanduZamora
@PanduZamora

2 Kontribusi 0 Poin

Dipost 3 tahun yang lalu

Tanggapan

bisa kok, coba cantumin script kodenya

1 Jawaban:

<pre>&lt;!-- Section Icon --&gt; &lt;section style="background-color: #f58220; padding-top: 30px;"&gt; &lt;div class="container text-center"&gt; &lt;div class="row"&gt; &lt;div class="col-sm-12"&gt; &lt;div class="row"&gt; &lt;div class="col-7"&gt; &lt;div class="row"&gt; &lt;div class="col-sm-4" data-aos="fade-up"&gt; &lt;a href="#"&gt; &lt;img src="assets/images/HOTS_PRIZE/ICON/daftar.png" alt="" height="70px" width="70px"&gt; &lt;br&gt; &lt;p class="text-center" style="color: white; font-weight: bold; font-size: 16px;"&gt; PENDAFTARAN&lt;/p&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="col-sm-4" data-aos="fade-up"&gt; &lt;a href="#"&gt; &lt;img src="assets/images/HOTS_PRIZE/ICON/peraturan.png" alt="" height="70px" width="70px"&gt; &lt;br&gt; &lt;p class="text-center" style="color: white; font-weight: bold; font-size: 16px;"&gt; PERATURAN &lt;/p&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="col-sm-4" data-aos="fade-up"&gt; &lt;a href="#"&gt; &lt;img src="assets/images/HOTS_PRIZE/ICON/hadiah.png" alt="" height="70px" width="70px"&gt; &lt;br&gt; &lt;p class="text-center" style="color: white; font-weight: bold; font-size: 16px;"&gt; HADIAH&lt;/p&gt; &lt;/a&gt; &lt;/div&gt;&lt;!-- akhir row lima-tiga --&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="col-5"&gt; &lt;div class="row"&gt; &lt;div class="col-sm-6" data-aos="fade-up"&gt; &lt;a href="#"&gt; &lt;img src="assets/images/HOTS_PRIZE/ICON/winner.png" alt="" height="70px" width="70px"&gt; &lt;br&gt; &lt;p class="text-center" style="color: white; font-weight: bold; font-size: 16px;"&gt; PEMENANG &lt;/p&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="col-sm-6" data-aos="fade-up"&gt; &lt;a href="#"&gt; &lt;img class="icon-mentor" src="assets/images/HOTS_PRIZE/ICON/mentor.png" alt="" height="70px" width="70px"&gt; &lt;br&gt; &lt;p class="text-center" style="color: white; font-weight: bold; font-size: 16px;"&gt; MENTOR&lt;/p&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- akhir row lima-dua --&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- akhir dari row luar --&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- End Section Icon --&gt; <br></pre>

avatar PanduZamora
@PanduZamora

2 Kontribusi 0 Poin

Dipost 3 tahun yang lalu

Tanggapan

ke tengah tuh posisinya di peraturan atau hadiah? paling tuker kode aja.

yg mau ketengah si hadiah di mobile, yg perlu diganti yg mana?

Login untuk ikut Jawaban