containers
Containers
容器有两个部分:
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功能。 ==================================================================================================