containers

容器

輕鬆創建手機或桌面Web UI。

容器有兩個部分：

• HTML容器結構
• 格式化HTML結構的CSS文件

HTML結構是：

 <div class =“容器”>
    <div class =“ header”> </div>
    <div class =“左”> </div>
    <div class =“中間”> </div>
    <div class =“ right”> </div>
    <div class =“頁腳”> </div>
</div>

CSS應從此處下載。

每個容器部分可以包含另一個容器或任何HTML標籤，表單或組件。

您應該避免將組件放入容器內，但將組件放在容器部分中。

每個容器部分的默認大小是：

 - 標題：寬度：100％，身高：10％
 - 左：寬度：10％，身高：80％
 - 中間：寬度：80％，身高：80％
 - 右：寬度：10％，身高：80％
 - 頁腳：寬度：100％，身高：10％

使用我們的類更改這些默認大小，甚至不顯示任何部分。

不要顯示任何部分使用以下類：無： W00 ， H00 。

要定義另一個寬度，請使用以下類： W05 ， W10 ， W15 ， W20 ， W25 ， W30 ， W35 ， W40 ，W45，W45， W50 ， W55 ， W60 ，W65， W65 ， W70 ，W70， W75 ，W80，W80， W85 ， W85 ， W90 ， W90 ，W95， W95 ， W100 。

定義另一個高度使用以下類： H05 ， H10 ， H20 ， H20 ， H25 ， H30 ， H35 ， H40 ， H45 ， H50 ，H50，H55， H60 ， H65 ， H65 ， H70 ，H75， H75 ， H80 ，H80，H85，H85， H90 ， H90 ， H95 ， H95 ， H100 。

課堂上的數字是將應用於容器部分或DIV的百分比。

可以使用容器來創建所需的任何佈局。

看看我們的示例以了解如何使用容器。

容器也有許多要使用的組件。其中一些僅使用要格式化的CSS，另一些則使用JavaScript來實施自己的操作。

我們組件中使用的圖標是從字體Awesome Desktop版本中獲取的，並包括下載。

這些圖標被手動重命名，其名字以“ FA-”開頭是對其專有的歸因：字體很棒。

您可以為創建驚人主題的容器做出貢獻，並致力於我們的存儲庫，
捐贈（Patreon）或提出建議。

 ==================================================================================================
 - 受支持的瀏覽器（最小版）[兼容性：92.73％的全球使用瀏覽器在2020-06-02]：
  ------------------------------------------------------------------------------
   瀏覽器：版本：平台
  ------------------------------------------------------------------------------
 -Chrome：49：PC/Mac
 -Chrome：81：Android
  - 邊緣：16：PC
  -  Firefox：34：PC/Mac
  -  Firefox：68：Android
  - 歌劇：36：PC/Mac
  - 歌劇：46：iOS，Android（Opera Mobile）
  - 野生動物園：13.1：Mac
  - 野生動物園：13.4：ios
  - 三星：11.1：Android
  ------------------------------------------------------------------------------

 - 支持的瀏覽器？ [未知兼容性：1.98％在2020-06-02]：
  -  UC瀏覽器：12.12：Android

 - 不支持瀏覽器[不兼容：2020-06-02的2.70％]：
 - IE
  - 歌劇迷你
 -QQ

注意：最低版本來自https://caniuse.com
尋找我們使用的CSS功能。
==================================================================================================