Pengertian Bootstrap
Seperti
yang telah dikatakan sebelumnya, Bootstrap merupakan sebuah framework CSS, yang
menyediakan kumpulan komponen-komponen antarmuka dasar pada web yang telah
dirancang sedemikian rupa untuk digunakan bersama-sama. Selain komponen
antarmuka, Bootstrap juga menyediakan sarana untuk membangun
layout halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar
HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan
komponen-komponen lainnya. Mengutip pengembang yang menciptakan Bootstrap, Bootstrap
dibuat untuk memberikan sekumpulan perangkat yang dapat digunakan untuk
membangun website sederhana dengan mudah.
- Kelebihan atau
keunggulan Bootstrap
Waktu pembuatan yang lebih cepat : Karena elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah dibuatkan class-nya oleh Bootstrap ini, jadi kita tinggal memanggilnya dalam theme. Template yang menggunakan Bootstrap lebih rapi : Mungkin ini akan sedikit relatif, karena kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namun pada dasarnya, karena bootstrap sudah terstruktur, untuk modifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan code yang sudah ada lebih dulu.Template yang menggunakan Bootstrap lebih ringan.Responsive dan tidak responsive : Ya, dengan sedikit modifikasi template, kita bisa memilih antara mengaktifkan sifat ‘responsive’ dan tidak ‘responsive’.Banyak template bootstrap gratis Twitter Bootstrap juga memiliki code yang cukup mudah dipelajari.
- Kekurangan atau
kelemahan bootstrap
Salah satu kemampuan bootstrap adalah minim gambar karena memanfaatkan CSS3, disaat itu adalah keunggulan css3 namun disisi itu pula kekurangan dari bootstrap, CSS3 yang dikembangkan twitter dan yang lain.
Fungsi Bootstrap
Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.
Contoh Bootstrap
<!DOCTYPE html>
<html>
<head>
<?php
include 'link.php';
include '../config.php';
session_start();
if(!isset($_SESSION['uname'])){
header("location:../login.php");
}
?>
<title>Carikode.com</title>
</head>
<body>
<nav class="nav navbar
navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<astyle ="color:#fff"
class="navbar-brand" href="index.php">Aplikasi Diary |
Carikode.com</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a
style="color:#fff" href="index.php">Diary
Ku</a></li>
<li><a style="color:#fff"
href="ubah_password.php">Ubah Password</a></li>
</ul>
</div>
<div>
<ul class="nav navbar-nav
navbar-right">
<li><a style="color:#fff" href="logout.php">Logout</a></li>
</ul>
</div>
</div>
</nav>
Postingan
0 komentar:
Posting Komentar