containers
Containers
Контейнеры имеют две части:
Структура HTML:
<div class = "container">
<div class = "заголовок"> </div>
<div class = "Left"> </div>
<div class = "middle"> </div>
<div class = "right"> </div>
<div class = "cooler"> </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 , W50 , W55 , W60 , W65 , W70 , W75 , W80 , W85 , W90 , W95 , W100 .
Для определения другой высоты используйте эти классы: H05 , H10 , H15 , H20 , H25 , H30 , H35 , H40 , H45 , H50 , H55 , H60 , H65 , H70 , H75 , H80 , H85 , H90 , H95 , H100 .
Число в классе - это процент, который будет применяться к секции контейнеров или Div.
Использование контейнеров возможно для создания любого желаемого макета.
Посмотрите на наши примеры, чтобы понять, как использовать контейнеры.
Контейнеры также имеют много компонентов, которые можно использовать. Некоторые из них используют только CSS для отформатирования, другие используют JavaScript для реализации действий над собой.
Значки, используемые в наших компонентах, были взяты из шрифта Awesome Desktop версии и включены для загрузки.
Эти иконы были переименованы в ручную, чтобы их имена начинали с «FA-» как атрибуцию к их запатентованной: Font Awesome.
Вы можете внести свой вклад в контейнеры, создавая удивительные темы и отправляясь в наш репозиторий,
пожертвование (Patreon) или с предложениями.
========================================================================================== -Поддерживаемые браузеры (минимальная версия) [Совместимость: 92,73% глобальных использованных браузеров в 2020-06-02]: --------------------------------------------------- Браузер: Версия: Платформа --------------------------------------------------- - Chrome: 49: ПК/Mac - Chrome: 81: Android - Край: 16: ПК - Firefox: 34: ПК/Mac - Firefox: 68: Android - Opera: 36: ПК/Mac - Opera: 46: iOS, Android (Opera Mobile) - Safari: 13.1: Mac - Сафари: 13.4: iOS - Samsung: 11.1: Android --------------------------------------------------- - Поддерживаемые браузеры? [Неизвестная совместимость: 1,98% в 2020-06-02]: - UC Browser: 12.12: Android -Не поддерживаются браузеры [не совместимы: 2,70% в 2020-06-02]: - т.е. - Opera Mini - QQ Примечание: минимальная версия была взята с https://caniuse.com Ищу функции CSS, которые мы используем. ==========================================================================================
