No commit message

No commit message

No commit message
28c46022 · yuenblue · 9bfa15e6 · 28c46022 · 28c46022 · 28c46022
3 changed file
--- a/Bootstrap-v5/Helpers/Ratios.html
+++ b/Bootstrap-v5/Helpers/Ratios.html
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Ratios</title>
+<link href="../../node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
+<script type="text/javascript" src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+</head>
+
+<body>
+<h1>测试Ratios</h1>
+<div class="container">
+  <div class="row">
+    <div class="col ratio ratio-1x1 border">
+      <div>1x1</div>
+    </div>
+    <div class=" col ratio ratio-4x3 border">
+      <div>4x3</div>
+    </div>
+    <div class="col ratio ratio-16x9 border">
+      <div>16x9</div>
+    </div>
+    <div class="col ratio ratio-21x9 border">
+      <div>21x9</div>
+    </div>
+  </div>
+  <div class="row">
+	
+	  
+	</div>
+</div>
+</body>
+</html>
--- a/Bootstrap-v5/Helpers/Untitled-1.css
+++ b/Bootstrap-v5/Helpers/Untitled-1.css
+@charset "utf-8";
+/* CSS Document */
+/*
+.row .ratio:nth-child(1){
+	
+}
+*/
+
--- a/Bootstrap-v5/utilities/display.html
+++ b/Bootstrap-v5/utilities/display.html
@@ -11,6 +11,7 @@
 <div class="container">
  <h1>我的第一个 Bootstrap 页面</h1>
  <p>这是一些文本。</p>
+	
  <div>
    <div class="d-inline p-2 bg-primary text-white">d-inline</div>
    <div class="d-inline p-2 bg-dark text-white">d-inline</div>
@@ -18,6 +19,7 @@
  <div><span class="d-block p-2 bg-primary text-white">d-block</span> <span class="d-block p-2 bg-dark text-white">d-block</span></div>
 <!--  <div class="d-lg-none">在 lg 及更大尺寸的屏幕上隐藏</div>-->
  <div class="d-none d-lg-block">在小于 lg 尺寸的屏幕上隐藏</div>
+  <div>&times;</div>
 </div>
 </body>
 </html>
\ No newline at end of file