1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Settings liquid</title>
- <!-- 新 Bootstrap4 核心 CSS 文件 -->
- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
- <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
- <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
- <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
- <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
- <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
- <style>
- .navbar-nav {
- text-align: center;
- }
- </style>
- <script>
- for(var hr = 0; hr < 24; hr++){
- if(hr < 10){
- console.log('0' + hr);
- <!-- html += '<option value="0' + hr + '">0' + hr + '</option>';-->
- }else{
- console.log(hr);
- <!-- html += '<option value="' + hr + '">' + hr + '</option>';-->
- };
- };
- </script>
- </head>
- <body>
- <div class="container-fluid">
- <div class="row">
- <div class="col" style="margin-top:10px;>
- <span>Duration</span>
- <select name="tank1_duration1" class="duration">
- <option selected value="30min">30 min</option>
- <option value="60min">60 min</option>
- <option value="90min">90 min</option>
- <option value="120min">120 min</option>
- <option value="150min">150 min</option>
- </select>
- </div>
- <div class="col">test</div>
- </div>
- <div class="row">
- <div class="col">test</div>
- <div class="col">test</div>
- <div class="col">test</div>
- </div>
- </div>
- </body>
- </html>
|