Belajar Bootstrap Part 2 Ringkasan Atau Rangkuman Pada Bootstrap - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Saturday, July 2, 2016

Belajar Bootstrap Part 2 Ringkasan Atau Rangkuman Pada Bootstrap



 bewoksatukosong.com | Halo balik dengan om bewok, kali ini kita akan melihat Rangkuman atau ringkasarn pada bootstrap, jangan banyak - banyak dulu kalau masih awal, nanti kalau langsung yang panjang nanti pada pusing 7 keliling lagi dan gamau belajar lagi#TrueStory. 

- Baca : 


  • HTML 5 DOCTYPE yang perlu kalian tahu bootstrap ini harus menggunakan format html 5 seperti contoh di bawah ini. 

<!DOCTYPE html>
<html lang="en">
  ...
</html>



  • Mobile maksudnya ? jadi gini, handphone atau mobile pada hasil website kita bisa zoom-in, nah untuk bootrstrap sendiri mempunyai add the meta viewport. jadi di situ ada 2 tipe. mau website tersebut bisa zoom-in atau website tersebut tidak bisa di zoom-in atau di zoom-out, Berikut caranya di bawah 
<meta name="viewport" content="width=device-width, initial-scale=1">

Codingan diatas ini bisa di zoom-in

Jika kamu tidak ingin di zoom in atau di zoom out nah codinganya seperti dibawah ini : 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

  • Normalize.css
Apa lagi tuh ? nah ini fungsi yang penting, Pernah ga sih kamu ketika membuat website, ketika di browser google chrome tampilanya bagus tapi ketika kamu lihat di mozzila firefox tampilanya berantakan. nah ini tidak akan terjadi ketika kamu menggunakan normalize.css, karena normalize.css ini berfungsi untuk men-default semua browser agar semuanya netral. kalau kamu ingin lihat ini linknya http://necolas.github.io/normalize.css/. Nanti bakal ada tutorial ini pada saat kita membuat website menggunakan bootstrap ya 

  • Containers
Containers ? ini yang harus dilakukan pertama ketika kita membuat website pada awalan div class pasti kita menggunkan container, tapi belum selesai. Bootstrap ini memberikan 2 pilihan untuk container yaitu container dan container-fluid. Perbedaanya apa ya ? mungkin di tutorial selanjutnya akan ada perbedaanya lebih detail tapi secara umum perbedaanya adalah container fixed width container jadi tidak full width maksudnya dia akan hanya berada di tengah tidak sampai ujung mentok dan kalau container-fluid dia sampai ujung betul, ya ga ada yang jelek dan ga ada yang bagus tergantung yang buat saja sih 

Itu saja ringkasan bootstrap kali ini. kalau kalian ingin melihat tutorial series bootstrap bisa lihat di sini http://www.bewoksatukosong.com/2016/06/tutorial-bootstrap-series-dasar-sampai.html. Sampai jumpa di tutorial selanjutnya.



1 comment: