Header Ads

Cara Menggunakan CSS Bootstrap

10:42 PM
Cara Menggunakan CSS Bootstrap ~ Bootstrap merupakan Framework CSS yang cukup populer saat ini, kepopulerannya pun, membawa Joomla Versi 3, juga ikut menggunakan Framework CSS Bootstrap ini. Tampilan yang menyerupai layout twitter ini, sangat banyak dimintai oleh para Desainer Website, oleh karena itu belajar Syntax akan berbagi cara menggunakan css bootstrap ini khusus untuk para pemula yang belum banyak mengetahui dasar pemrograman web.
  • Untuk menggunakan CSS Bootstrap, Download CSS bootsrap di SINI di folder css terdapat 4 file yaitu bootstrap.css, bootstrap.min.css, bootstrap-responsive.css, dan bootstrap-responsive.min.css.
  • Setelah file-file tersebut di cek, kembali ke halaman berikutnya dan buat satu file bernama index.html
  • Kemudian buat Tag Header seperti dibawah ini

<head>

<title>Belajar Menggunakan Bootsrap Bersama Belajar Syntax</title>
<link rel="stylesheet" href="css/bootstrap.css" media="screen" />
<link rel="stylesheet" href="css/css-responsive.css" media="screen" />
</head>
  • Untuk Mengecek apakah css sudah berjalan dengan baik pada halaman index, buatlah sebuah button menggunakan class yang ada pada bootstrap didalam tag body seperti dibawah ini
<body>
<input type="button" class="btn btn-primary" value="Belajar Syntax" />
</body>
Selanjutnya silahkan menggunakan atribut-atribut bootstrap yang lainnya seperti penggunaan Grid, image, navbar, dll. di wiki bootstrap.

Post a Comment

No comments

Subscribe to: Post Comments ( Atom )
Powered by Blogger.