Bootstrap
digunakan untuk membuat laman web kita terlihat menarik dan bagus. Ada beberapa yang dapat
digunakan dalam membuat Bootstrap.
1.Untuk membuat bootstrap menggunakan <tag>
<title>Boostrap</title>
<link
rel=”stylesheet”
type=”text/css”
href=”/boostrap/css/bootstrap.mm.css”
/>
script
typ=”text/javascript”
sic=”jquery.2.1.1.min.js”></script>
2. Dalam
menggunakan bootstrap terdapat section yang ada pada bagian body
3.
Untuk membuat class di setiap section :
<section
class=”col-md-4”></section>
4. Untuk bootsrapnya terlihat lebih menarik menggunakan jumbotron. Jumbotron
adalah tulisan agar
pembaca tertarik dengan website kita. Cara penulisaanya
...
<header>
<h1>Bootstrao</h1>
<section
class=”jumbotron”>
<h1>Tissa Pramana Putri</h1>
<p>Selamat datang di website Tissa
Pramana Putri</p>
Maka
hasilnya akan sebagai berikut
5.
Untuk membuat daftar sebagai berikut
<section
class=”cd-md-4”>
<h3>Berita Terbaru</h3>
<ul>
<li>Judul Berita 1</li>
<li>Judul Berita 2</li>
</ul>
6.
Untuk mempercantik tulisan pada list kita dapat menggunakan icon dengan
menggunakan glyphicon di
bagian yang akan kita beri icon. Contohnya
<h3><i
class=”glyphicon glyphicon-globe”></i>Berita Terbaru</h3>
Maka
berikut hasilnya
7. Untuk menambahkan tombol (btn) adalah
sebagai berikut
...
</ul>
<a href=”#” class=”btn
btn-default”>Lihat Berita Lainnya</a>
Maka akan muncul sbgai berikut
8. Membuat
navigasi (menu) di Bootstrap adalah
Arahkan bagian
sebelum <header>, dibawah <body>
<body>
<header>.......
<nav>
<ul
class=”nav navbar-nav”>
<li><a
href=”#”>Homepage</a></li>
<li><a href=”#”>Berita</a></li>
</ul>
</nav>
</header>
9. Agar warna
navigasi berubah dan melihat lebih menarik bisa dengan cara
<body>
<header>.......
<nav
class=”navbar navbar-default”>
<ul
class=”nav navbar-nav”>
Dan hasilnya
adalah sebagai berikut
BY : TISSA PRAMANA PUTRI (1306470861) - B
Tidak ada komentar:
Posting Komentar