Bootstrap根据屏幕大小隐藏内容

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <script src="/scripts/jquery.min.js"></script>
      <script src="/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <p class="show">This is visible.</p>
      <p class="hidden">This is hidden.</p>
      <h1 class="hidden-sm bg-info">Hidden on small screen</h1>
      <h1 class="hidden-md bg-warning">Hidden on medium screen</h1>
   </body>
</html>

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/264996.html

(0)
上一篇 2022年6月7日 18:15
下一篇 2022年6月7日 18:15

相关推荐

发表回复

登录后才能评论