Differences

This shows you the differences between two versions of the page.

--- devwiki:bootstrap [2021/06/10 17:23] – ying
+++ devwiki:bootstrap [2021/07/11 19:40] (current) – ying
@@ Line 24: / Line 24: @@
 </code>
+  * notes:
+    * col-12 means each column will stack on each other until large screen, then will do 4 to 8 ratio layout
+    * d-flex flex-wrap align-items-center: make its content vertically align
+    * align="center": make its content horizontal align
+    * col-6: always make 2 item side by side in their parent container
+  * display on certain screen size:
+    * ref: https://getbootstrap.com/docs/4.0/utilities/display/
+    * https://www.w3schools.com/bootstrap/bootstrap_ref_css_helpers.asp
+    * example <code>
+new one use
+.d-sm-none .d-md-block
+that is old code
+.hidden - force hidden
+.invisible - force invisible
+- 768px - 992px - 1200px -
+.hidden-md .hidden-lg - for hidden in large screen
+.hidden-sm .hidden-xs - for hidden in small screen
+</code>