Bootstrap implements display and hiding methods: first create an HTML sample file; then display it through "show
"; finally through "hide
" can be used to hide it.
Recommendation: "bootstrap tutorial"
bootstrap shows hidden specific code:
<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Bootstrap 101 Template</title> <link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" rel="external nofollow" rel="stylesheet"> <link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet"> </head> <body> <!-- 显示 --> <p class="show bg-warning">show</p> <!-- 隐藏 --> <p class="hidden">hide</p> <!-- 隐藏文字 --> <p class="text-hide bg-warning">hide</p> <!-- xs范围内显示 --> <p class="visible-xs-block">visible</p> <!-- xs范围外显示 --> <p class="hidden-xs">hide</p> <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/npm.js"></script> </body> </html>
xs range:
Outside the xs range:
The above is the detailed content of How to implement display and hide in bootstrap. For more information, please follow other related articles on the PHP Chinese website!
How to hide drive letter
How to restore videos that have been officially removed from Douyin
How to create a soft link
What does margin mean in css
After the computer is turned on, the monitor shows no signal
ps brightness contrast shortcut keys
What is the difference between guid and mbr formats
C language data structure
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
