test2.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Settings liquid</title>
  6. <!-- 新 Bootstrap4 核心 CSS 文件 -->
  7. <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
  8. <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  9. <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  10. <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
  11. <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
  12. <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
  13. <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
  14. <style>
  15. .navbar-nav {
  16. text-align: center;
  17. }
  18. </style>
  19. <script>
  20. for(var hr = 0; hr < 24; hr++){
  21. if(hr < 10){
  22. console.log('0' + hr);
  23. <!-- html += '<option value="0' + hr + '">0' + hr + '</option>';-->
  24. }else{
  25. console.log(hr);
  26. <!-- html += '<option value="' + hr + '">' + hr + '</option>';-->
  27. };
  28. };
  29. </script>
  30. </head>
  31. <body>
  32. <div class="container-fluid">
  33. <div class="row">
  34. <div class="col" style="margin-top:10px;>
  35. <span>Duration</span>
  36. <select name="tank1_duration1" class="duration">
  37. <option selected value="30min">30 min</option>
  38. <option value="60min">60 min</option>
  39. <option value="90min">90 min</option>
  40. <option value="120min">120 min</option>
  41. <option value="150min">150 min</option>
  42. </select>
  43. </div>
  44. <div class="col">test</div>
  45. </div>
  46. <div class="row">
  47. <div class="col">test</div>
  48. <div class="col">test</div>
  49. <div class="col">test</div>
  50. </div>
  51. </div>
  52. </body>
  53. </html>