SourceCode
<!DOCTYPE html>
<html>
<head>
<!-- Load file CSS Bootstrap offline -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12" style="background-color:AntiqueWhite ;">
<h1><center>Judul Halaman</center></h1>
</div>
</div>
<div class="row">
<div class="col-md-3" style="background-color:GreenYellow;">
<h2>Silebar</h2>
<p>Link 1</p>
<p>Link 2</p>
<p>Link 3</p>
<p>Link 4</p>
</div>
<div class="col-md-9" style="background-color:LightCyan;">
<h2>Konten</h2>
<p>Konten website dapat diisi pada bagian ini</p>
</div>
</div>
<div class="row"style="background-color:MediumPurple;" >
<div class="col-md-12">
<h2><center>Footer</center></h2>
</div>
</div>
</div>
</body>
</html>
Hasil
Latihan
https://kelasprogrammer.com/layout-dengan-sistem-grid-container-bootstrap/
Nama : Christhoper Marcelino Mamahit
ReplyDeleteNRP : 5025201249
Kelas : Pemrograman Web B
Link Blog : Blog
Nama : Muhammad Yunus
ReplyDeleteNRP : 5025201171
Tahun : 2022
Kelas : Pemrograman Web B
Link Blog : Blog
Nama : Muhammad Dzikri F Syairozi
ReplyDeleteNRP : 5025201201
Kelas : Pemrogaman Web C
Tahun : 2022/2023
Dokumentasi : Blog
Nama : Adifa Widyadhani Chanda D
ReplyDeleteNRP : 5025201013
Kelas : PWEB C
Tahun : 2022
Link : Blog
Nama : Farrel Emerson
ReplyDeleteNRP : 5025201082
Kelas : PWEB C
Tahun : 2022
Link : Blog
Nama : Andhika Ditya Bagaskara D.
ReplyDeleteNRP : 5025201096
Kelas : Pemrograman Web B
Link Blog : Blog
Nama : Wina Tungmiharja
ReplyDeleteNRP : 5025201242
Kelas : Pemrograman Web B
Tahun : 2022
Link : Blog
Nama : Haidar Fico Ramadhan Aryputra
ReplyDeleteNRP : 5025201185
Kelas : Pemrogaman Web C
Tahun : 2022/2023
Dokumentasi : Blog
Nama : Nethaneel P Linggar
ReplyDeleteNRP : 5025201180
Kelas : PWEB C
Tahun : 2022
Link : Blog
Nama: Gloria Dyah Pramesti
ReplyDeleteNRP: 5025201033
Kelas: PWEB C
Tahun: 2022
Link Blog
Nama : Maheswara Danendra Satriananda
ReplyDeleteNRP : 5025201060
Kelas : PWEB C
Tahun : 2022
Link : Blog
Nama : Ravin Pradhitya
ReplyDeleteNRP : 5025201068
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Blog
Nama: Tegar Ganang Satrio Priambodo
ReplyDeleteNRP: 5025201002
Kelas: Pweb C
Tahun: 2022
Link: blog
This comment has been removed by the author.
ReplyDeleteNama: Muhammad Ghani Taufiqurrahman Atmaja
ReplyDeleteNRP: 5025201110
Kelas: Pweb C
Tahun: 2022
Link: Github
Nama: Muhammad Rafif Fadhil Naufal
ReplyDeleteNRP: 5025201273
Kelas: PWEB C
Tahun: 2022
Link: Blog
Nama: Elthan Ramanda Berlindo
ReplyDeleteNRP: 5025201092
Kelas: Pweb C
Tahun: 2022
Link: Blog
Nama: Surya Abdillah
ReplyDeleteNRP: 5025201229
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog: Link Blog Bootstrap
Nama: Hasna Lathifah P
ReplyDeleteNRP: 5025201108
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog : Blog
Nama: Immanuel Maruli Tua Pardede
ReplyDeleteNRP: 5025201166
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog : Blog-ku
Nama: Brian Akbar Wicaksana
ReplyDeleteNRP: 5025201207
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog: Blog
Nama : Rycahaya Sri Hutomo
ReplyDeleteNRP : 5025201046
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Tugas 4
Nama : Achmad Ferdiansyah
ReplyDeleteNRP : 5025201245
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Tugas 4
Nama : Hesekiel Nainggolan
ReplyDeleteNRP : 5025201054
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Tugas 4
Nama : Gabriel Solomon Sitanggang
ReplyDeleteNRP : 5025201165
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Blog
Nama : Muhammad Zufarrifqi Prakoso
ReplyDeleteNRP : 5025201276
Kelas : P Web C
Tahun : 2022
Link Blog : Blog
Nama: Hans Sean Nathanael
ReplyDeleteNRP: 5025201019
Kelas: Pemrograman Web C
Tahun: 2022
Blog: Blog
Nama: Ridzki Raihan Alfaza
ReplyDeleteNRP: 5025201178
Kelas: PWEB C
Tahun: 2022
blog
Nama: Warren Gerald Polandra
ReplyDeleteNRP: 5025201233
Kelas: PWEB C
Tahun: 2022
Link blog: Blog
Nama : Anggito Anju Hartawan Manalu
ReplyDeleteNRP : 5025201216
Kelas : PWEB C
Tahun : 2022
Link Blog : Blog
Nama : Rendi Dwi Francisko
ReplyDeleteNRP : 5025201056
Kelas : Pemrograman Web B
Link Blog : Blog
Nama : Agnesfia Anggraeni
ReplyDeleteNRP : 5025201059
Tahun : 2022/2023
Link Blog : Tugas 4
Nama: Doanda Dresta Rahma
ReplyDeleteNRP: 5025201049
Kelas: PWEB C
Tahun: 2022
Link blog: Blog
Nama: Elbert Dicky Aristyo
ReplyDeleteNRP: 5025201231
Kelas: PWEB B
Tahun: 2022/2023
Link Blog: Blog
Nama : Naily Khairiya
ReplyDeleteNRP : 5025201244
Kelas : PWEB C
Tahun : 2022/2023
Link Blog : Blog
Nama : Ahmad Ibnu Malik Rahman
ReplyDeleteNRP : 5025201232
Kelas : PWEB C
Tahun : 2022/2023
Link Blog : Blog
Nama : Rahmat Faris Akbar
ReplyDeleteNRP : 5025201003
Kelas : PWEB (B)
Tahun : 2022
Link Blog : Tugas 4 : Membuat Website dengan Bootstrap
Nama : Nurhalimah
ReplyDeleteNRP : 5998221015
Kelas : PWEB-B
Tahun : 2022
Link Blog : Blog
Nama : Dawamul Fikri Aqil
ReplyDeleteNRP : 5025201025
Kelas : PWEB (B)
Tahun : 2022
Link : Blog
Nama : Helsa Nesta Dhaifullah
ReplyDeleteNRP : 5025201005
Kelas : PWEB-B
Tahun : 2022
Link : Blog
Nama: Putu Ravindra Wiguna
ReplyDeleteNRP: 5025201237
Kelas: PWEB-B
Tahun: 2022
Link: Blog
This comment has been removed by the author.
ReplyDeleteNama : Rahmayani
ReplyDeleteNRP : 5998221039
Kelas : Pemrograman Web B 2022
BlogSaya
Nama : Hilmi Zharfan Rachmadi
ReplyDeleteNRP : 5025201268
Kelas : Pemrograman Web B
Tahun : 2022
Link Blog :
Blog
Nama : Muhammad Lintang Panjerino
ReplyDeleteNRP : 5025201045
Kelas : Pemrograman Web B
Tahun : 2022
Tugas : Latihan Membuat Website Responsive dengan Bootstrap
Link Blog: Blog
Nama : Kurnia Cahya Febryanto
ReplyDeleteNRP : 5025201073
Kelas : Pemrograman Web B
Tahun : 2022
Tugas : Latihan Framework Bootstrap
Link Blog : Blog
Nama : Muhammad Amin
ReplyDeleteNRP : 5025201251
Kelas : PWEB - B
Tahun : 2022
Tugas : 05 - Latihan Framework Bootstrap
Link BLog
Nama: Neisa Hibatillah Alif
ReplyDeleteNRP: 5025201170
Kelas: Pemrograman Web B
Tahun: 2022
Link Blog: Blog
Nama: Bimantara Tito Wahyudi
ReplyDeleteNRP: 5025201227
Kelas: Pemrograman Web B
Tahun: 2022
Link Blog: Blog
This comment has been removed by the author.
ReplyDeleteNama : Ichlasul Hasanat
ReplyDeleteNRP : 5025201091
Tahun : 2022
Kelas : Pemrograman Web B
Link Blog : Blog
Nama: Mohammad Fadhil Rasyidin Parinduri
ReplyDeleteNRP: 5025201131
Tahun: 2022
Kelas: Pemrograman Web B
Blog: blog
Nama : Afril Muzzaqi Arif
ReplyDeleteNRP : 5025201048
Tahun : 2022
Kelas : PWEB C
Blog
Nama: Theresia Nawangsih
ReplyDeleteNRP: 5025201144
Tahun: 2022
Kelas: Pemrograman Web B
Blog: Link Blog
Nama: Sarah Alissa Putri
ReplyDeleteNRP: 5025201272
Tahun: 2022
Kelas: PWEB C
Blog: Link Blog
This comment has been removed by the author.
ReplyDeleteNama: Ahmad Hafiz Mahardika
ReplyDeleteNRP: 5025201196
Tahun: 2022
Kelas: PWEB B
Blog: Link Blog
Nama: Gery Febrian Setyara
ReplyDeleteNRP: 5025201151
Tahun: 2022
Kelas: PWEB B
Blog: Blog
Repository: Repo
Website: Website
Nama: Muhammad Fath Mushaffa Azhar
ReplyDeleteNRP: 5025201051
Kelas: PWEB B
Tahun: 2022
Blog: Blog
*Mohon Maaf pak saya sudah mengumpulkan tetapi salah memasukkan nama Kelas Comment tidak saya delete sebagai bukti
ReplyDeleteNama: Gery Febrian Setyara
NRP: 5025201151
Tahun: 2022
Kelas: PWEB A
Blog: Blog
Repository: Repo
Website: Website
Nama : Nabila Zakiyah Khansa Machrus
ReplyDeleteNRP : 5025201139
Tahun: 2022
Kelas : Pemrograman Web (B)
Link Blog : Blog
Nama : Pierra Muhammad Shobr
ReplyDeleteNRP : 5025201062
Tahun: 2022
Kelas : Pemrograman Web A
Link Blog : link
Nama : Abidjanna Zulfa Hamdika
ReplyDeleteNRP : 5025201197
Tahun : 2022
Kelas : Pemrograman Web B
Blog : Blog
Nama: Nur Muhammad Ainul Yaqin
ReplyDeleteNRP: 5025201011
Kelas: Pemrograman Web B
Halaman Blog: Link Halaman Blog
Repository: Link Repository
Hasil: Link Hasil
Nama : Gaudhiwaa Hendrasto
ReplyDeleteNRP : 5025201066
Kelas : Pemrograman Web C
Tahun : 2022/2023
Blog : Blog