Menampilkan Halaman Website Lain Dengan Embed Bootstrap
Pernah tak teman-teman berfikiran ingin menampilkan halaman laman lain dengan embed bootstrap, dimana ketika kita mempunyai sebuah laman lain, dan kita inginmenampilkannya dihalaman laman kita yang satunya lagi, di HTML memang telah ada caranya, tetapi disini saya akan mencoba membuatnya denga bootstrap, jikalau teman-teman lihat cara yang saya gunakan di bootstrap ini pasti teman-teman telah pernah menggunakannya, tetapi ada pun yang gak sadar bahwa cara bootstrap ini dapat di gunakan bagi menampilkan laman lain. Oke bagaimana caranya simak terus ya teman-teman.
Bagi memulai menampilkan halaman laman lain dengan embed bootstrap, seperti yang dilihat teman-teman, saya membutuhkan bantuan bootstrap ya, jadi saya harap teman-teman telah dapat menggunakan bootstrap, bagaimana cara menginstal bootstrap dan cara ingin menampilkan bootstrapnya, oke cara yang saya gunakan disini ialah saya menggunakan embed yang di contohkan dengan youtube yang terdapat bootstrap, dan ternyata itu dapat kita gunakan ketika kita igin menampilkan sebuah halaman laman lain ya teman-teman, oke seketika 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 Tema</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 Situs Lain Dengan Embed Bootstrap</h1>
<div class=embed-responsive embed-responsive-16by9>
<iframe class=embed-responsive-item src=https://www.sourcecodeaplikasi.info/></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 unduh dulu bootstrapya ya, dan file indexnya seperti diatas ya. Oke dan ini hasil jadinya:
Bagaimana teman-teman disini saya mencoba ingin menampilkan sebuah halaman laman Source Code Aplikasi ya, tinggal kita copy saja domisili url yang kita ingin tampilkan lalu, paste di URLnya, oke saya rasa lumayan kita belajar menampilkan halaman laman lain dengan embed bootstrap, semoga bermanfaat dan hingga jumpa di artikel berikutnya terimakasih.
Sumber https://kursuswebsite.org
