Latihan Bootstrap

 

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/


Share this

Related Posts

Previous
Next Post »

65 komentar

komentar
September 27, 2022 at 7:37 PM delete

Nama : Christhoper Marcelino Mamahit
NRP : 5025201249
Kelas : Pemrograman Web B
Link Blog : Blog

Reply
avatar
September 27, 2022 at 8:53 PM delete

Nama : Muhammad Yunus
NRP : 5025201171
Tahun : 2022
Kelas : Pemrograman Web B
Link Blog : Blog

Reply
avatar
September 28, 2022 at 12:32 AM delete

Nama : Muhammad Dzikri F Syairozi
NRP : 5025201201
Kelas : Pemrogaman Web C
Tahun : 2022/2023
Dokumentasi : Blog

Reply
avatar
September 28, 2022 at 12:55 AM delete

Nama : Adifa Widyadhani Chanda D
NRP : 5025201013
Kelas : PWEB C
Tahun : 2022
Link : Blog

Reply
avatar
September 28, 2022 at 1:04 AM delete

Nama : Farrel Emerson
NRP : 5025201082
Kelas : PWEB C
Tahun : 2022
Link : Blog

Reply
avatar
September 28, 2022 at 1:06 AM delete

Nama : Andhika Ditya Bagaskara D.
NRP : 5025201096
Kelas : Pemrograman Web B
Link Blog : Blog

Reply
avatar
September 28, 2022 at 1:06 AM delete

Nama : Wina Tungmiharja
NRP : 5025201242
Kelas : Pemrograman Web B
Tahun : 2022
Link : Blog

Reply
avatar
September 28, 2022 at 1:07 AM delete

Nama : Haidar Fico Ramadhan Aryputra
NRP : 5025201185
Kelas : Pemrogaman Web C
Tahun : 2022/2023
Dokumentasi : Blog

Reply
avatar
September 28, 2022 at 1:08 AM delete

Nama : Nethaneel P Linggar
NRP : 5025201180
Kelas : PWEB C
Tahun : 2022
Link : Blog

Reply
avatar
September 28, 2022 at 1:09 AM delete

Nama: Gloria Dyah Pramesti
NRP: 5025201033
Kelas: PWEB C
Tahun: 2022
Link Blog

Reply
avatar
September 28, 2022 at 1:13 AM delete

Nama : Maheswara Danendra Satriananda
NRP : 5025201060
Kelas : PWEB C
Tahun : 2022
Link : Blog

Reply
avatar
September 28, 2022 at 1:15 AM delete

Nama : Ravin Pradhitya
NRP : 5025201068
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Blog

Reply
avatar
September 28, 2022 at 1:15 AM delete

Nama: Tegar Ganang Satrio Priambodo
NRP: 5025201002
Kelas: Pweb C
Tahun: 2022
Link: blog

Reply
avatar
September 28, 2022 at 1:19 AM delete This comment has been removed by the author.
avatar
September 28, 2022 at 1:19 AM delete

Nama: Muhammad Ghani Taufiqurrahman Atmaja
NRP: 5025201110
Kelas: Pweb C
Tahun: 2022
Link: Github

Reply
avatar
September 28, 2022 at 1:21 AM delete

Nama: Muhammad Rafif Fadhil Naufal
NRP: 5025201273
Kelas: PWEB C
Tahun: 2022
Link: Blog

Reply
avatar
September 28, 2022 at 1:24 AM delete

Nama: Elthan Ramanda Berlindo
NRP: 5025201092
Kelas: Pweb C
Tahun: 2022
Link: Blog

Reply
avatar
September 28, 2022 at 1:29 AM delete

Nama: Surya Abdillah
NRP: 5025201229
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog: Link Blog Bootstrap

Reply
avatar
September 28, 2022 at 1:35 AM delete

Nama: Hasna Lathifah P
NRP: 5025201108
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog : Blog

Reply
avatar
September 28, 2022 at 1:38 AM delete

Nama: Immanuel Maruli Tua Pardede
NRP: 5025201166
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog : Blog-ku

Reply
avatar
September 28, 2022 at 1:39 AM delete

Nama: Brian Akbar Wicaksana
NRP: 5025201207
Kelas: Pemrograman Web C
Tahun: 2022
Link Blog: Blog

Reply
avatar
September 28, 2022 at 1:44 AM delete

Nama : Rycahaya Sri Hutomo
NRP : 5025201046
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Tugas 4

Reply
avatar
September 28, 2022 at 1:47 AM delete

Nama : Achmad Ferdiansyah
NRP : 5025201245
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Tugas 4

Reply
avatar
September 28, 2022 at 1:48 AM delete

Nama : Hesekiel Nainggolan
NRP : 5025201054
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Tugas 4

Reply
avatar
September 28, 2022 at 1:51 AM delete

Nama : Gabriel Solomon Sitanggang
NRP : 5025201165
Kelas : Pemrograman Web C
Tahun : 2022
Link Blog : Blog

Reply
avatar
September 28, 2022 at 2:17 AM delete

Nama : Muhammad Zufarrifqi Prakoso
NRP : 5025201276
Kelas : P Web C
Tahun : 2022
Link Blog : Blog

Reply
avatar
September 28, 2022 at 2:29 AM delete

Nama: Hans Sean Nathanael
NRP: 5025201019
Kelas: Pemrograman Web C
Tahun: 2022
Blog: Blog

Reply
avatar
September 28, 2022 at 2:49 AM delete

Nama: Ridzki Raihan Alfaza
NRP: 5025201178
Kelas: PWEB C
Tahun: 2022
blog

Reply
avatar
September 28, 2022 at 4:13 AM delete

Nama: Warren Gerald Polandra
NRP: 5025201233
Kelas: PWEB C
Tahun: 2022
Link blog: Blog

Reply
avatar
September 28, 2022 at 5:06 AM delete

Nama : Anggito Anju Hartawan Manalu
NRP : 5025201216
Kelas : PWEB C
Tahun : 2022
Link Blog : Blog

Reply
avatar
September 28, 2022 at 5:36 AM delete

Nama : Rendi Dwi Francisko
NRP : 5025201056
Kelas : Pemrograman Web B
Link Blog : Blog

Reply
avatar
September 28, 2022 at 8:28 AM delete

Nama : Agnesfia Anggraeni
NRP : 5025201059
Tahun : 2022/2023
Link Blog : Tugas 4

Reply
avatar
September 28, 2022 at 9:08 AM delete

Nama: Doanda Dresta Rahma
NRP: 5025201049
Kelas: PWEB C
Tahun: 2022
Link blog: Blog

Reply
avatar
September 28, 2022 at 9:53 AM delete

Nama: Elbert Dicky Aristyo
NRP: 5025201231
Kelas: PWEB B
Tahun: 2022/2023
Link Blog: Blog

Reply
avatar
September 28, 2022 at 10:49 AM delete

Nama : Naily Khairiya
NRP : 5025201244
Kelas : PWEB C
Tahun : 2022/2023
Link Blog : Blog

Reply
avatar
September 28, 2022 at 11:10 AM delete

Nama : Ahmad Ibnu Malik Rahman
NRP : 5025201232
Kelas : PWEB C
Tahun : 2022/2023
Link Blog : Blog

Reply
avatar
September 28, 2022 at 7:07 PM delete

Nama : Rahmat Faris Akbar
NRP : 5025201003
Kelas : PWEB (B)
Tahun : 2022
Link Blog : Tugas 4 : Membuat Website dengan Bootstrap

Reply
avatar
September 29, 2022 at 5:30 AM delete

Nama : Nurhalimah
NRP : 5998221015
Kelas : PWEB-B
Tahun : 2022
Link Blog : Blog

Reply
avatar
September 29, 2022 at 5:45 AM delete

Nama : Dawamul Fikri Aqil
NRP : 5025201025
Kelas : PWEB (B)
Tahun : 2022
Link : Blog

Reply
avatar
October 1, 2022 at 7:10 PM delete

Nama : Helsa Nesta Dhaifullah
NRP : 5025201005
Kelas : PWEB-B
Tahun : 2022
Link : Blog

Reply
avatar
October 1, 2022 at 11:54 PM delete

Nama: Putu Ravindra Wiguna
NRP: 5025201237
Kelas: PWEB-B
Tahun: 2022
Link: Blog

Reply
avatar
October 2, 2022 at 8:02 AM delete This comment has been removed by the author.
avatar
October 2, 2022 at 8:04 AM delete

Nama : Rahmayani
NRP : 5998221039
Kelas : Pemrograman Web B 2022
BlogSaya

Reply
avatar
October 2, 2022 at 7:07 PM delete

Nama : Hilmi Zharfan Rachmadi
NRP : 5025201268
Kelas : Pemrograman Web B
Tahun : 2022

Link Blog :
Blog

Reply
avatar
October 2, 2022 at 10:58 PM delete

Nama : Muhammad Lintang Panjerino
NRP : 5025201045
Kelas : Pemrograman Web B
Tahun : 2022
Tugas : Latihan Membuat Website Responsive dengan Bootstrap

Link Blog: Blog

Reply
avatar
October 3, 2022 at 5:03 AM delete

Nama : Kurnia Cahya Febryanto
NRP : 5025201073
Kelas : Pemrograman Web B
Tahun : 2022
Tugas : Latihan Framework Bootstrap

Link Blog : Blog

Reply
avatar
October 3, 2022 at 9:42 PM delete

Nama : Muhammad Amin
NRP : 5025201251
Kelas : PWEB - B
Tahun : 2022
Tugas : 05 - Latihan Framework Bootstrap
Link BLog

Reply
avatar
October 4, 2022 at 6:13 AM delete

Nama: Neisa Hibatillah Alif
NRP: 5025201170
Kelas: Pemrograman Web B
Tahun: 2022
Link Blog: Blog

Reply
avatar
October 4, 2022 at 10:22 AM delete

Nama: Bimantara Tito Wahyudi
NRP: 5025201227
Kelas: Pemrograman Web B
Tahun: 2022
Link Blog: Blog

Reply
avatar
October 4, 2022 at 10:35 AM delete This comment has been removed by the author.
avatar
October 4, 2022 at 10:38 AM delete

Nama : Ichlasul Hasanat
NRP : 5025201091
Tahun : 2022
Kelas : Pemrograman Web B
Link Blog : Blog

Reply
avatar
October 4, 2022 at 10:55 AM delete

Nama: Mohammad Fadhil Rasyidin Parinduri
NRP: 5025201131
Tahun: 2022
Kelas: Pemrograman Web B
Blog: blog

Reply
avatar
October 4, 2022 at 11:51 AM delete

Nama : Afril Muzzaqi Arif
NRP : 5025201048
Tahun : 2022
Kelas : PWEB C
Blog

Reply
avatar
October 4, 2022 at 2:58 PM delete

Nama: Theresia Nawangsih
NRP: 5025201144
Tahun: 2022
Kelas: Pemrograman Web B
Blog: Link Blog

Reply
avatar
October 4, 2022 at 6:28 PM delete

Nama: Sarah Alissa Putri
NRP: 5025201272
Tahun: 2022
Kelas: PWEB C
Blog: Link Blog

Reply
avatar
October 11, 2022 at 7:21 AM delete This comment has been removed by the author.
avatar
October 11, 2022 at 7:24 AM delete

Nama: Ahmad Hafiz Mahardika
NRP: 5025201196
Tahun: 2022
Kelas: PWEB B
Blog: Link Blog

Reply
avatar
October 24, 2022 at 7:44 PM delete

Nama: Gery Febrian Setyara
NRP: 5025201151
Tahun: 2022
Kelas: PWEB B
Blog: Blog
Repository: Repo
Website: Website

Reply
avatar
November 1, 2022 at 7:43 AM delete

Nama: Muhammad Fath Mushaffa Azhar
NRP: 5025201051
Kelas: PWEB B
Tahun: 2022
Blog: Blog

Reply
avatar
November 21, 2022 at 9:45 PM delete

*Mohon Maaf pak saya sudah mengumpulkan tetapi salah memasukkan nama Kelas Comment tidak saya delete sebagai bukti

Nama: Gery Febrian Setyara
NRP: 5025201151
Tahun: 2022
Kelas: PWEB A
Blog: Blog
Repository: Repo
Website: Website

Reply
avatar
December 6, 2022 at 5:55 PM delete

Nama : Nabila Zakiyah Khansa Machrus
NRP : 5025201139
Tahun: 2022
Kelas : Pemrograman Web (B)
Link Blog : Blog

Reply
avatar
December 12, 2022 at 4:19 AM delete

Nama : Pierra Muhammad Shobr
NRP : 5025201062
Tahun: 2022
Kelas : Pemrograman Web A
Link Blog : link

Reply
avatar
December 12, 2022 at 5:48 PM delete

Nama : Abidjanna Zulfa Hamdika
NRP : 5025201197
Tahun : 2022
Kelas : Pemrograman Web B
Blog : Blog

Reply
avatar
December 18, 2022 at 6:51 AM delete

Nama: Nur Muhammad Ainul Yaqin
NRP: 5025201011
Kelas: Pemrograman Web B

Halaman Blog: Link Halaman Blog
Repository: Link Repository
Hasil: Link Hasil

Reply
avatar
December 22, 2022 at 4:05 PM delete

Nama : Gaudhiwaa Hendrasto
NRP : 5025201066
Kelas : Pemrograman Web C
Tahun : 2022/2023
Blog : Blog

Reply
avatar