devwiki:bootstrap

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
devwiki:bootstrap [2021/06/10 17:46] yingdevwiki:bootstrap [2021/07/11 19:40] (current) ying
Line 29: Line 29:
     * align="center": make its content horizontal align     * align="center": make its content horizontal align
     * col-6: always make 2 item side by side in their parent container     * 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>
  • devwiki/bootstrap.1623347189.txt.gz
  • Last modified: 2021/06/10 17:46
  • by ying