Title      : 容器
Description: 協助你保持身材。
Layout     : Single
Outline    : |
  <p>容器用來保持文字在中間，如此一來就不會因為螢幕太寬而導致文字區域太寬，你也可以在裡面放置格線系統，這樣就可以讓內容集中在螢幕中間。這裡是不同容器之間的寬度資訊表格。</p>
  <table class="ts small stackable definition table">
      <thead>
          <tr>
              <th></th>
              <th>1200px</th>
              <th>100%</th>
              <th>860px</th>
              <th>992px</th>
              <th>700px</th>
          </tr>
      </thead>
      <tbody>
          <tr>
              <td>樣式名稱</td>
              <td><span class="ts label">container</span></td>
              <td><span class="ts label">fluid container</span></td>
              <td><span class="ts label">text container</span></td>
              <td><span class="ts label">narrow container</span></td>
              <td><span class="ts label">very narrow container</span></td>
          </tr>
          <tr>
              <td>裝置稱呼</td>
              <td>容器</td>
              <td>流動容器</td>
              <td>文字容器</td>
              <td>窄形容器</td>
              <td>超窄容器</td>
          </tr>
      </tbody>
  </table>

Definitions:

  - Title      : 容器
    Description: 容器本身。
    Sections   :

      - Title      : 基本
        Description: 一個最基本的容器。
        Since      : 2.3.3
        HTML       : |
          <div class="ts [[container]]">
              保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，
              原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。
              版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，
              即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
          </div>

      - Title      : 文字容器
        Description: 專門擺放文字的容器，比起一般容器更窄而且字更大。
        Since      : 2.3.3
        HTML       : |
          <div class="ts [[text]] container">
              保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，
              原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。
              版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，
              即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
          </div>

      - Title      : 窄的
        Description: 比起一般要來的窄的容器。
        Since      : 2.3.3
        HTML       : |
          <div class="ts [[narrow]] container">
              保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，
              原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。
              版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，
              即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
          </div>

      - Title      : 更窄的
        Description: 比起窄容器還要來的更窄。
        Since      : 2.3.3
        HTML       : |
          <div class="ts [[very narrow]] container">
              保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，
              原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。
              版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，
              即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
          </div>

      - Title      : 流動
        Description: 讓容器的寬度隨父容器決定，能多寬就多寬。
        Since      : 2.3.3
        HTML       : |
          <div class="ts [[fluid]] container">
              保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，
              原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。
              版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，
              即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
          </div>

  - Title      : 和其他元件搭配
    Description: 容器可以擺放至元件內或是和其他元件搭配。
    Sections   :

      - Title      : 選單
        Description: 你可以在選單內擺放容器，如此一來選單內的項目就不會過寬。
        Since      : 2.3.3
        HTML       : |
          <div class="ts menu">
              <div class="ts very narrow [[container]]">
                  <a class="item">首頁</a>
                  <a class="item">文件</a>
                  <a class="item">
                      <i class="download {{icon}}"></i>
                      下載
                  </a>
                  <a class="item">關於</a>
              </div>
          </div>

      - Title      : 網格系統
        Description: 一個網格系統本身就可以是容器，這樣就不會讓網格系統過寬貼齊螢幕邊緣。
        Since      : 2.3.3
        HTML       : |
          <div class="ts four column very narrow [[container]] [[grid]]">
              <div class="column"></div>
              <div class="column"></div>
              <div class="column"></div>
              <div class="column"></div>
          </div>

      - Title      : 片段
        Description: 片段本身就可以是一個容器，避免太寬而貼齊螢幕左右邊緣。
        Since      : 2.3.3
        HTML       : |
          <div class="ts very narrow [[container]] [[segment]]">
              保障任何人的著作權，其中包括二次創作，二次創作僅可在原作者未聲明否決下進行發佈和創作， 在未經原作允許下衍生任何具有原作之內容，基於衍生理念與內容為判決要點，
              原作必須基於合理使用之理念提出移除、上訴任何非符合合理使用概念的衍生內容， 合理使用的理念如下： 使用目的及性質 其著重點在於內容是否有所轉化，如衍生創作另有新意，非僅複製原作內容。
              版權作品性質 以真實、事實所闡述之作品較虛構作品來的能夠符合合理使用。 使用版權作品的多寡 引用少量的原創著作比起引用大量來要的符合合理使用，但倘若原創著作成為衍生著作之核心內容，
              即使少量的原創著作被引用，也較不可能符合合理使用之原則。 使用行為對於版權作品的市場或價值之影響 透過原創著作的內容而進行獲利並造成原創著作部分損害，較不符合合理使用之原則。
          </div>