From d8064d06254576af99228df650d13d05f771f09e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Wed, 6 Sep 2017 17:48:24 +0800 Subject: Add Details and Summary Accordians support #256 --- docs/elements.html | 94 +++++++++++++++++++++++++++--------------------------- 1 file changed, 47 insertions(+), 47 deletions(-) (limited to 'docs/elements.html') diff --git a/docs/elements.html b/docs/elements.html index 19239bf..f6d2a8f 100644 --- a/docs/elements.html +++ b/docs/elements.html @@ -22,8 +22,8 @@
-
-
+
+
-
+
-
+
-
+
-
+
-
+
- + 
<h1>H1 Heading</h1>
 <h1>H1 Heading <small class="label">40px</small></h1>
 <span class="h1">H1 Heading</span>
@@ -298,7 +298,7 @@
             
Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.
- + 
<p>Lorem ipsum dolor sit amet, ...</p>
 <p>...</p>
@@ -307,78 +307,78 @@
I18N - <abbr> + <abbr>
Bold - <strong> <b> + <strong> <b>
Citation - <cite> + <cite>
Hello World! - <code> + <code>
Deleted - <del> + <del>
Emphasis - <em> + <em>
Italic - <i> + <i>
Inserted - <ins> + <ins>
Ctrl + S - <kbd> + <kbd>
Highlighted - <mark> + <mark>
漢 kan 字 ji - <ruby> + <ruby>
Strikethrough - <s> + <s>
Sample - <samp> + <samp>
Text Subscripted - <sub> + <sub>
Text Superscripted - <sup> + <sup>
- <time> + <time>
Underline - <u> + <u>
x = y + 2 - <var> + <var>
@@ -398,7 +398,7 @@

Use the lang attribute to the container element to have better Asian CJK (Chinese, Japanese and Korean) font support.

- + 
<p lang="zh-Hans">革命不是请客吃饭，不是做文章……</p>
 <p lang="ja">祇園精舎の鐘の声、諸行無常の響きあり……</p>
 <p lang="ko">나라말이 중국과 달라, 한문・한자와 서로 통하지 아니하므로……</p>
@@ -412,7 +412,7 @@
             
祇園精舎の鐘の声、諸行無常の響きあり。
- + 
<p class="cjk"><u>祇園</u><u>精舎</u>の鐘の声、諸行無常の響きあり。……</p>
 <p class="cjk"><del>祇園</del><del>精舎</del>の鐘の声、諸行無常の響きあり。……</p>
@@ -442,7 +442,7 @@ - Bill Gates - + 
<blockquote>
   <p>The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life. </p>
   <cite>- Bill Gates</cite>
@@ -489,7 +489,7 @@
             
           
 
-
+
 
<!-- unordered list -->
 <ul>
   <li>list item 1</li>
@@ -553,7 +553,7 @@
             
Use the active class to make <tr> element highlighted. 

           
 
-
+
 
<table class="table table-striped table-hover">
   <thead>
     <tr>
@@ -591,7 +591,7 @@
             
Add the btn class to <a>, <input> or <button> elements for a default button. There are classes btn-primary and btn-link for predefined primary and link buttons. 

           
 
-
+
 
<button class="btn">default button</button>
 <button class="btn btn-primary">primary button</button>
 <button class="btn btn-link">link button</button>
@@ -616,7 +616,7 @@
             
Add the btn-sm or btn-lg class for small or large button size. Also, you can add the btn-block class for a full-width button. 

           
 
-
+
 
<button class="btn btn-lg">large button</button>
 <button class="btn btn-sm">small button</button>
 
@@ -644,7 +644,7 @@
             
           
 
-
+
 
<button class="btn btn-action"><i class="icon icon-arrow-left"></i></button>
 <button class="btn btn-action circle"><i class="icon icon-arrow-left"></i></button>
 

@@ -663,7 +663,7 @@
             
           
 
-
+
 

 <!-- buttons with disabled state -->
 <button class="btn disabled" tabindex="-1">disabled button</button>
@@ -682,7 +682,7 @@
             
           
 
-
+
 

 <!-- buttons with disabled state -->
 <button class="btn disabled" tabindex="-1">disabled button</button>
@@ -701,7 +701,7 @@
             
           
 
-
+
 
<!-- a button with loading state -->
 <button class="btn loading">button</button>
 

@@ -743,7 +743,7 @@
             
If you want to use buttons as a group, add the btn-group class to the container. You can add the btn-group-block class for a full-width button group.

           
 
-
+
 
<div class="btn-group btn-group-block">
   <button class="btn">first button</button>
   <button class="btn">second button</button>
@@ -1001,7 +1001,7 @@
             
           
 
-
+
 
<form class="form-horizontal">
   <div class="form-group">
     <div class="col-3">
@@ -1098,7 +1098,7 @@
             
           
 
-
+
 
<!-- form input with Spectre icon -->
 <div class="has-icon-left">
   <input type="text" class="form-input" placeholder="...">
@@ -1280,7 +1280,7 @@
             
If you want to attach text and button along with an input, add the input-group class to the input container. And add the input-group-addon class to the text element and input-group-btn to the button element.

           
 
-
+
 
<!-- normal input group -->
 <div class="input-group">
   <span class="input-group-addon">...</span>
@@ -1374,7 +1374,7 @@
             
           
 
-
+
 
<form>
   <!-- form validation class: has-success -->
   <div class="form-group has-success">
@@ -1696,7 +1696,7 @@
             
           
 
-
+
 
<i class="icon icon-menu"></i>
 

 
@@ -1734,7 +1734,7 @@
             
Add the label-rounded class to have rounded labels.

           
 
-
+
 
<span class="label">default label</span>
 <span class="label label-primary">primary label</span>
 

@@ -1754,7 +1754,7 @@
 </button>
 

 
-
+
 
<pre class="code" data-lang="HTML"><code><span class="com">&lt;!-- code snippets --&gt;</span>
 &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn&quot;</span>&gt;
   Submit
@@ -1832,7 +1832,7 @@
             
           
 
-
+
 
<div class="video-responsive video-responsive-4-3">
   <iframe src="..." width="..." height="..." frameborder="0" allowfullscreen></iframe>
 </div>
-- 
cgit v1.3.1-23-gd82d