<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Visibility(가시성)</title>
<link href="../Content/bootstrap.css" rel="stylesheet" />
<link href="../Content/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
<p>현재 글은 모든 해상도에서만 보입니다.</p>
<h3>visible-* (기본값이 히든)</h3>
<p class="visible-lg">현재 글은 1200px 이상 해상도에서만 보입니다.</p>
<p class="visible-md">현재 글은 992px~1200px 사이의 해상도에서만 보입니다.</p>
<p class="visible-sm">현재 글은 768px~992px 사이의 해상도에서만 보입니다.</p>
<p class="visible-xs">현재 글은 768px 이하의 해상도에서만 보입니다.</p>
<h3>hidden-* (기본값이 보이기)</h3>
<p class="hidden-lg">[1] 현재 글은 1200px 이상 해상도에서만 안보입니다.</p>
<p class="hidden-md">[2] 현재 글은 992px~1200px 사이의 해상도에서만 안보입니다.</p>
<p class="hidden-sm">[3] 현재 글은 768px~992px 사이의 해상도에서만 안보입니다.</p>
<p class="hidden-xs">[4] 현재 글은 768px 이하의 해상도에서만 안보입니다.</p>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script src="../Scripts/bootstrap.js"></script>
</body>
</html>