[Code] How to hide DIV for tablet or mobile using bootstrap class By SMsudipBD
| লেখক: admin About 2020s ago | | |
How to hide DIV for tablet or mobile using bootstrap class By SMsudipBD
Wapkiz code
Hi
Can you refer the below bootstrap classes
hidden-xs (for phones)
hidden-sm (for tablets)
hidden-md (for desktops)
hidden-lg (for larger desktops)
Try the below code
<div class="hidden-xs hidden-sm">
<h1 >Hello World!</h1>
</div>
Website code
<div class="hidden-xs hidden-sm">
<h1>Hello World!</h1>
</div>
JavaScript code
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello World</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid hidden-xs hidden-sm">
<h1>Hello World!</h1>
</div>
</body>
</html>
পোস্টটি কেমন লেগেছে তা জানাতে একদম ভুলবেন না !
Need Login or Sing Up
কোন মন্তব্য নেই।
Wapkiz code
Hi
Can you refer the below bootstrap classes
hidden-xs (for phones)
hidden-sm (for tablets)
hidden-md (for desktops)
hidden-lg (for larger desktops)
Try the below code
Website code
JavaScript code