bootstrap1.html 固定版面布局練習

4-1 bootstrap1.html 固定版面布局練習
01<!DOCTYPE html>
02<html lang="zh-TW">
03  <head>
04    <meta charset="utf-8">
05    <title>Bootstrap 練習檔1</title>
06    <meta name="viewport" content="width=device-width, initial-scale=1.0">
07    <!-- Bootstrap -->
08    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
09  </head>
10  <body>
11    <div class="container">
12      <div class="row">
13        <h1>固定布局</h1>
14 
15        <div class="span6">
16          <p>
17            BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。
18          </p>
19        </div>
20 
21        <div class="span6">
22          <p>
23            BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。BootStrap綁定jquery（所以要先載入jquery），其JavaScript用以實現如提示（tooltip）、彈出視窗（popover）、對話視窗（modal）等具互動性的元件。
24          </p>
25        </div>
26 
27      </div>
28    <div>
29 
30 
31 
32    <script src="http://code.jquery.com/jquery.js"></script>
33    <script src="js/bootstrap.min.js"></script>
34  </body>
35</html>
4-1 bootstrap1.html 固定版面布局練習

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者
