6-1 Bootstrap12欄的網格系統
6-2 上課練習
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>