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>

相关文章

<!DOCTYPE html> <html> <head> <titl...
<!DOCTYPE html> <html> <head> <titl...
<!DOCTYPE html> <html> <head> <titl...
<!DOCTYPE html> <html> <head> <titl...
<!DOCTYPE html> <html> <head> <titl...
<!DOCTYPE html> <html> <head> <titl...