TagCss

Создание этого проекта было направлено на расширение Bootstrap, добавив больше компонентов и т.д.

Но из-за недостатка уверенности в себе, возможно, этот проект так и останется незаконченным.

QQ: 807081817

Как использовать

<link href="http://git.oschina.net/Tickly/TagCss/raw/master/TagCss/css/TagCss/TagCss.css" rel="stylesheet" />

Описание ниже

Это действительно сложно написать!

Контейнеры для макета

У Bootstrap есть класс .container, который используется для обёртки содержимого.

Здесь определён класс .area, используемый как родительский элемент для .container, чтобы представить область.

Используется для установки background-color, padding, margin и других стилей.

По умолчанию поведение

.area

По умолчанию установлены вертикальные отступы размером 15 пикселей сверху и снизу, что позволяет корректно сочетаться с горизонтальными отступами внутри .container. Также установлен белый фон.

.area-fluid

Установлен только белый фон.

Рекомендованная структура HTML

.area > .container > .xxx

.area-fluid > .container-fluid > .xxx

Реальное применение

.area-xxx используется для объявления этой области

<div class="area area-xxx">
    <div class="container">
        ...
    </div>
</div>

Модальные окна

Полноэкранные модальные окна

Добавление класса .modal-full к .modal-dialog обеспечивает полноэкранное модальное окно.

Левое и правое поля имеют отступы размером 20 пикселей.

Описание документации планировалось сделать аналогично сайту Bootstrap.

Поэтому планируется создание методов для вывода заголовков, описаний, контента и т.д., для централизованного управления.

Например: @Html.Title("таблицы", "tables") выведет <h1 id="#tables">Таблицы</h1>

Это также облегчит написание документации при добавлении новых компонентов.

Каждый компонент будет представлен на отдельной странице, а затем отрендерен на главной странице.