網頁設計好好玩
20180402.html
<h1>20180402 嵌入Google表單</h1> <div class="container"> <div class="row"> <div class="col"> <div> </div> </div> <div class="col"> <div> </div> </div> </div> </div> <h1>20180402 嵌入Google表單</h1> <div class="container"> <div class="row"> <div class="col border border-primary"> <div style="height: 500px;"> </div> </div> <div class="col border border-success"> <div style="height: 500px;"> </div> </div> </div> </div>完成
<!DOCTYPE HTML> <html lang="zh-Hant-TW"> <head> <!--必需的 meta tag --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <title>20180402</title> </head> <body> <h1 class="text-center">20180402 嵌入Google表單</h1> <div class="container"> <div class="row"> <div class="col"> <div> <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfYCIXPMXdNJtOn4QTo5HCzgKOeuMAInnBYPouj3vCXEqvztg/viewform?embedded=true" width="100%" height="1100" frameborder="0" marginheight="0" marginwidth="0">載入中…</iframe> </div> </div> <div class="col"> <div> <iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQnJ2lkZ1KUaT1dyYGF6TeH8UIY1vfIQ2R8HMEZrRAMvOlfEH-7H0BDvJXjIJIekAJxsZ_rxenNDd_W/pubhtml?gid=1223568601&single=true&widget=true&headers=false" style="width: 100%;height: 1100px;"></iframe> </div> </div> </div> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> </body> </html>