wiki:bootstrap:bootstrap_note:bs_badges_labels

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:bootstrap:bootstrap_note:bs_badges_labels [2021/03/25 16:48]
emblim98 만듦
+++ wiki:bootstrap:bootstrap_note:bs_badges_labels [2023/01/13 18:44] (현재)
@@ 줄 44: / 줄 44: @@
 </body>
 </HTML>
+\\
+=====Labels=====
+라벨은 무언가에 대한 추가 정보를 제공하는 데 사용됩니다.\\
+라벨을 만들기 위하여 ''%%<span>%%'' 요소 내에 ''%%.label%%'' 클래스를 사용한 다음,\\
+개의 컨텐스추얼 클래스 중 하나를 사용하세요\\
+''%%.label-default%%'', ''%%.label-primary%%'', ''%%.label-success%%'', ''%%.label-info%%'', ''%%.label-warning%%'', ''%%label-danger%%''\\
+{{:wiki:bootstrap:bootstrap_note:labels.png?200|}}\\
+====예제====
+<HTML>
+<body>
+    <div class="container">
+        <h2>Labels</h2>
+        <h1>Example <span class="label label-default">New</span></h1>
+        <h2>Example <span class="label label-default">New</span></h2>
+        <h3>Example <span class="label label-default">New</span></h3>
+        <h4>Example <span class="label label-default">New</span></h4>
+        <h5>Example <span class="label label-default">New</span></h5>
+        <h6>Example <span class="label label-default">New</span></h6>
+    </div>
+</body>
+</HTML>
+\\
+하기의 예제에서 모든 컨텍스추얼 라벨 클래스를 확인합니다.\\
+{{:wiki:bootstrap:bootstrap_note:contextual-label-classes.png?400|}}
+====예제====
+<HTML>
+    <div class="container">
+        <h2>Contextual Label Classes</h2>
+        <p>Contextual Label Classes can be used to color the label.</p>
+        <span class="label label-default">Default Label</span>
+        <span class="label label-primary">Primary Label</span>
+        <span class="label label-success">Success Label</span>
+        <span class="label label-info">Info Label</span>
+        <span class="label label-warning">Warning Label</span>
+        <span class="label label-danger">Danger Label</span>
+    </div>
+</HTML>

/volume1/web/dokuwiki/data/attic/wiki/bootstrap/bootstrap_note/bs_badges_labels.1616658535.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)