Pernah tidak teman-teman berfikiran ingin menampilkan halaman website lain dengan embed bootstrap, dimana ketika kita mempunyai sebuah website lain, dan kita inginmenampilkannya dihalaman website kita yang satunya lagi, di HTML memang sudah ada caranya, tetapi disini saya akan mencoba membuatnya denga bootstrap, jika teman-teman lihat cara yang saya gunakan di bootstrap ini pasti teman-teman sudah pernah menggunakannya, tetapi ada juga yang gak sadar bahwa cara bootstrap ini bisa di gunakan untuk menampilkan website lain. Oke bagaimana caranya simak terus ya teman-teman.
Untuk memulai menampilkan halaman website lain dengan embed bootstrap, seperti yang dilihat teman-teman, saya membutuhkan bantuan bootstrap ya, jadi saya harap teman-teman sudah bisa menggunakan bootstrap, bagaimana cara menginstal bootstrap dan cara ingin menampilkan bootstrapnya, oke cara yang saya pakai disini adalah saya menggunakan embed yang di contohkan dengan youtube yang ada bootstrap, dan ternyata itu bisa kita gunakan ketika kita igin menampilkan sebuah halaman website lain ya teman-teman, oke langsung saja bagaimana caranya, seperti ini:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<-e-script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<-e-script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="col-md-2"></div>
<div class="col-md-8">
<h1>Menampilkan Halaman Website Lain Dengan Embed Bootstrap</h1>
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.dumetschool.com/"></iframe>
</div>
</div>
<div class="col-md-2"></div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<-e-script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<-e-script src="js/bootstrap.min.js"></script>
</body>
</html>
Silahkan teman-teman copy, dan jangan lupa download dulu bootstrapya ya, dan file indexnya seperti diatas ya. Oke dan ini hasil jadinya:
Bagaimana teman-teman disini saya mencoba ingin menampilkan sebuah halaman website dumetschool ya, tinggal kita copy saja alamat url yang kita ingin tampilkan lalu, paste di URLnya, oke saya rasa cukup kita belajar menampilkan halaman website lain dengan embed bootstrap, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.